Introduction to React

• What is React and why use it?
• Setting up the development environment (Node.js, npm, Vite/CRA)
• Understanding JSX syntax
• Creating your first React component
• Rendering components in the browser
• Assignment

Components and Props

• Functional vs Class components
• Passing data with props
• Component composition and reusability
• Using default and dynamic props
• Styling components (CSS, inline styles, and CSS modules)
• Assignment

State and Event Handling

• Introduction to useState hook
• Handling user input and events
• Conditional rendering
• Updating and managing state
• Controlled vs uncontrolled components
• Assignment

Lists, Keys, and Forms

• Rendering lists with .map()
• Using keys in lists
• Building forms in React
• Managing form state and validation
• Handling form submissions
• Assignment

React Router

• Introduction to client-side routing
• Setting up React Router
• Creating multiple pages/components
• Route parameters and navigation
• Nested routes and useNavigate
• Assignment

Use effect and lifecycle

• Introduction to the useEffect hook
• Component lifecycle in functional components
• Side effects and API calls
• Cleanup functions
• Building a data-fetching component
• Assignment

State Management and Context API

• Lifting state up
• Prop drilling problem
• Introduction to React Context API
• Creating and using context
• When to use Context vs other state tools
• Assignment