/Todo-list-ReactJS

Todo list ReactJs - create , delete , and edit

Primary LanguageJavaScript

Main

  • Try to keep pages server component;
  • Use BEM
  • Use FC generic for Component
  • Use the same node version (v20.9.0)

Imports order

  • Next components and utils
  • React
  • Third libraries
  • React components
  • Utils
  • Style

Pages

  • Pages are stored in the app folder

  • Naming -> CategoriesPage, CategoryPage

Files

File naming is kebab-case

  • User.jsx => bad
  • user.jsx => good

  • loginCard.jsx => bad
  • LoginCard.jsx => bad
  • login-card.jsx => good

Components

  • Creating component

    modal
  index.tsx
  style.scss

card 
   index.tsx
   style.scss

  • Component naming is PascalCase

      <UserComponent />

  • Component is made without margin

Hooks

Hooks naming is camelCase

  useFetch

Variables

Sass folder -> variables.scss