| commands | description |
|---|---|
yarn start |
run the development server |
yarn install |
install dependencies |
yarn lint |
run linter |
yarn remove |
remove a package |
yarn build |
build application |
yarn test |
Run test cases |
yarn test -- --coverage |
Coverage Reporting |
| tech | description |
|---|---|
react |
js library |
axios |
promise based HTTP client |
react-query |
data fetching library |
eslint/prettier |
linting |
yarn cypress open
- https://react-typescript-cheatsheet.netlify.app/
- https://www.typescriptlang.org/docs/handbook/
- https://react.dev/learn/describing-the-ui
- https://www.reactenlightenment.com/
- https://immerjs.github.io/immer/
- https://www.conventionalcommits.org/en/v1.0.0/
- https://www.youtube.com/watch?v=qTDnwmMF5q8
- https://www.youtube.com/watch?v=ipOYH_Wi9Xw
- https://www.youtube.com/watch?v=324czHa9O9U
- https://www.youtube.com/watch?v=FkowOdMjvYo
- https://www.youtube.com/watch?v=ZqEa8fTxypQ
- https://www.youtube.com/watch?v=y2UsQB3WSvo
- https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML
- https://headlessui.com/react/fieldset
- https://github.com/taniarascia/takenote
- https://github.com/thedevs-network/kutt
- https://github.com/getsentry/sentry
- https://github.com/EddieHubCommunity/BioDrop
- https://github.com/reactplay/react-play
- https://github.com/rohitdasu/projectmate
- https://www.linkshub.dev/
- https://github.com/saadpasta/developerFolio?tab=readme-ov-file#linking-portfolio-to-github
- https://github.com/Dun-sin/Whisper
- https://github.com/refinedev/refine
- https://github.com/dabit3/write-with-me
- https://github.com/oldboyxx/jira_clone
- Naming Conventions
- Avoid the Use of the State as much as possible
- Write DRY Code
- Try to Avoid Unnecessary Div
- Remove Unnecessary Comments from the Code
- Use Destructuring to Get Props
- Apply ES6 Spread Function
- The Rule of 3
- Manage too Many Props with Parent/Child Component
- Use Map Function for Dynamic Rendering of Arrays
- Dynamic Rendering with && and the Ternary Operator
- Use es-lint or Prettier for Formatting
- Write Tests for Each Component
- Make Use of a Linter