- Enter
yarn
or npm install
in your console
- Enter
yarn start
or npm run start
in your console for start project
- Enter
yarn
or npm install
in your console
- Enter
yarn build
or npm run build
in your console for start project
Dependencies |
Description |
react-scripts |
scrips for build project, present in create-react-app |
redux-saga |
manager for requests in redux |
recharts |
library for charts |
Example 1 |
Example 2 |
|
|
Dark |
Light |
|
|
Directory |
Description |
components |
very common components |
enums |
common enums |
icons |
all icons in project |
modals |
all modals in project here |
notifications |
pages notifications |
pages |
all pages in project here, like pool, swap, add liquidity |
store |
directory with reducers, every directory has actions, selectors and sets, sets for dispatch, actions for actions in reducer |
styles |
very common styles, only palette with css tokens |
types |
common types, witch uses in components types |
utils |
common helpers |
Every component has files TComponent.ts, Component.tsx and Component.css, by the files name you can understand what is in them
I didn't add stylelint or prettier in project to avoid unnecessary dependencies
Absolute imports dominate relative imports. Other imports go in sequence:
react
react-* libraries
Component types
Component styles
...
icons
absolute components
relative components