Day 1: React Introduction & Environment Setup
Start your React journey here. Learn what React is, how it works, and set up a modern development environment with Vite.
Day 2: Components & Props
Learn the building blocks of React: Functional Components and how to pass data between them using Props.
Day 3: State & Interactive Components
Bring your apps to life with State. Learn about useState, event handling, and how to make components interactive.
Day 4: Side Effects & Lifecycle
Master the useEffect hook. Learn how to handle side effects, fetch data, and understand the component lifecycle.
Day 5: Lists, Keys & Styling
Learn how to render lists of data efficiently using keys and explore different ways to style your React components.
Day 6: Forms & Validation
Master form handling in React. Learn about controlled components, form submission, and implementing validation logic.
Day 7: Context API & Global State
Solve the prop drilling problem. Learn how to manage global state in your application using the React Context API.
Day 8: Routing with React Router
Build single-page applications (SPAs) with multiple views. Learn to implement client-side routing using React Router.
Day 9: Custom Hooks
Level up your code reusability. Learn how to extract component logic into reusable Custom Hooks.
Day 10: Performance Optimization
The grand finale. Learn how to optimize your React apps using memo, useMemo, useCallback, and code splitting.