Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/javadbat/design-system
design-system
https://github.com/javadbat/design-system
Last synced: 16 days ago
JSON representation
design-system
- Host: GitHub
- URL: https://github.com/javadbat/design-system
- Owner: javadbat
- Created: 2020-08-23T05:44:59.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-12-11T10:21:56.000Z (20 days ago)
- Last Synced: 2024-12-11T11:28:44.141Z (20 days ago)
- Language: JavaScript
- Size: 7.26 MB
- Stars: 7
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# design-system
design-system for jb-web-components and corresponding react components
## architecture
micro-front-end with storybook test bed
this project is in the middle of transform between nodejs and deno and gets a little complicated to run## usage
clone the project with submodules (all components are put in project with submodules)
```git
git clone --recurse-submodules -j8 https://github.com/javadbat/design-system.git
```
in case you have already cloned the project, use command: `git submodule update --init --recursive`
### install packages
```bash
npm i
```### build packages in project root directory
```bash
# build all modules
npm run build# build only a named module
npm run build jb-input
```
in deno (recommended):
```bash
deno task build
deno task build jb-input
# we dint build cjs or UMD in watch mode for more speed so pleas build your package without watch mode at least 1 time before publish
deno task build jb-input --watch
```### serve testbeds
```bash
npm run serve# or
npm start
```
## add a new submodule```terminal
git submodule add -f https://github.com/user/repo.git modules/module-name
git submodule add -f https://github.com/user/repo.git web-component/web-component-name
git submodule add -f https://github.com/user/repo.git react-component/react-component-name
```
## remove submodule```terminal
git rm react-component/react-component-name
```