React Syllabus
React Syllabus
js Learning Plan 🚀
by GreatStack
To complete this 30-day React.js plan, you should dedicate 3 to 4 hours per day on average. Here's a
suggested breakdown:
For the final week (Week 4), where you work on projects, consider spending 4 to 5 hours per day to
implement and refine your skills effectively.
● Functional components
● Props and dynamic content
● Component reuse
● Exercise: Create a reusable Card component
Day 3: State & useState Hook
● What is state?
● Updating state
● Handling input elements
● Exercise: Create a counter app
● Rendering lists
● Using map()
● Unique keys and performance
● Exercise: Display a list of users from a local array
● Cleanup functions
● Memory leak prevention
● Exercise: Timer with cleanup on unmount
● Setting up routing
● Dynamic routes
● useNavigate, useParams
● Exercise: Multi-page blog site with detail pages
● CRUD operations
● State management
● Show questions
● Calculate score
● OMDB API
● Search & display
● Local storage
● Color-coded notes
● Grid view
● Modal
● Unsplash API
● Code splitting
● Performance optimization
● Reusable components
This plan ensures progressive learning from basics to advanced React concepts, including hands-on
projects to solidify knowledge. Keep practicing and build real-world projects to master react.js.