https://github.com/sudipstha08/react

React ecosystem :seedling:
https://github.com/sudipstha08/react

axios cypress drei eslint immerjs jest jspdf leva prettier react react-pdf react-query s3-presigned-url styled-components tailwindcss threejs typescript webgl yarn

Last synced: 3 days ago
JSON representation

React ecosystem :seedling:

• Host: GitHub
• URL: https://github.com/sudipstha08/react
• Owner: sudipstha08
• License: mit
• Created: 2021-11-17T10:52:36.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-08T14:12:28.000Z (8 months ago)
• Last Synced: 2024-11-24T04:12:08.231Z (2 months ago)
• Topics: axios, cypress, drei, eslint, immerjs, jest, jspdf, leva, prettier, react, react-pdf, react-query, s3-presigned-url, styled-components, tailwindcss, threejs, typescript, webgl, yarn
• Language: TypeScript
• Homepage: https://react.dev/
• Size: 3.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## React TS template :books:

## Basic commands :wrench:

| 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 Stacks :package:

| tech              | description               |

| ----------------- | ------------------------- |

| `react`           | js library                |

| `axios`           | promise based HTTP client |

| `react-query`     | data fetching library     |

| `eslint/prettier` | linting                   |

## cypress

- `yarn cypress open`

## References

- 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

## OpenSource

- 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

## Best Pratices

- 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