React (Component-Based Frontend)

Estimated Time: 80 hours

Status: ☐ Not Started

🎯 Objectives

• Understand how React renders and updates the UI using components
• Build apps using JSX, props, and state
• Learn how to use useState, useEffect, and controlled forms
• Understand the structure of a React app: components, props flow, hooks, event handling
• Fetch data from APIs using useEffect
• Break up large interfaces into clean, reusable parts

🔗 Resources

1. freeCodeCamp – Full React Course (2024)

   Beginner-friendly, updated for modern React

2. Scrimba – React Core Curriculum

   Interactive screencasts with embedded editors

   (If the full course isn’t free, complete at least the first 7–8 chapters)

3. React Beta Docs – Learn Section

   Modern React explanations with built-in practice problems

4. React Tutorial App

   Visual, step-by-step builder that gives instant feedback

✅ Projects

• [ ] Recipe Manager
  • Add/edit/delete recipes
  • Filter by ingredients or tags
  • Use useState for state, props for rendering
  • Simulate data fetching with useEffect