zade-design-system v1.0.218
Zade Design System
Project setup
In the root of the project directory, run:
yarn install
Project dependencies will be installed.
yarn start
Launches the app.
Project stack
The project is based on CRA typescript template with SASS and Storybook. The main packages we're using:
React ^18.2.0;
SASS: ^1.69.5;
Typescript ^4.9.4;
Storybook ^7.6.0;
Eslint 8.23.1 (used plugins: 'plugin:react/recommended', plugin:@typescript-eslint/recommended', 'plugin:storybook/recommended')
Webpack ^5.89.0;
Yarn: ^1.22.0
Component structure
Every global component (which might be used everywhere in the app independently) should be created in the /src/app/components/component name folder. Every specific component (which is binded to the parent component/page and is used only inside of it) should be created in the parent page/component folder/components/component name folder. Every component folder should contain next files:
component name.component.tsx (required); component name.types.ts (optional for very 'stupid' components); component name.module.scss (mostly required, optional for very primitive or very complex components conversely); component name.stories.tsx (REQUIRED!!!); component name.hook.ts/tsx (optional, FOR ISOLATED COMPONENT LOGIC ONLY - NO DATA, ISOLATED PROCESSING FOR RENDERING ONLY!!!); index.ts (with named export only);
Working with branches
To avoid undesirable development progress and data loss, be sure you're working on a separate branch, e.g you've obtained a task: 'make an Example component', your development sequence should look like this:
git checkout dev
Ensuring you're on dev branch.
git pull origin dev
Ensuring you're up to date with origin dev or pulling the latest changes in case your local dev branch is outdated.
git checkout -b feature/{your-task-short-name}
git push origin feature/{your-task-short-name}
Pushing your branch to the remote repository.
IMPORTANT
Do not mix your working branches between each other! The only branch you should create your branch from is develop branch only. Do not start the development of the child feature of your working branch util it is reviewed and merged to develop..
21 days ago
21 days ago
27 days ago
26 days ago
26 days ago
27 days ago
27 days ago
26 days ago
26 days ago
28 days ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago