To Do Project to practice React Basic Concepts

Tooling

• Vite
• CSS Modules
• Phosphor Icons
• TypeScript

Concepts

• Components
• Properties
• States (Hooks)
• Rendering flow
  • Occurs when state changes or
  • Property changes or
  • Higher component is rendered again
  • Always have unique keys when rendering list - improve performance
• Communication between components using hooks
• Immutability

Development

• Map
• Conditional HTML render
• JS Array Reduce
• Stylize HTML input type checkbox

Figma

Click here

How to run

npm i
npm run dev

The app will be available at port 5173