React Practice Calendar
Ever struggled to decide what to build next? It can be tricky to choose the challenges to build up in difficulty level and to make sure you don't practice the same thing over and over.
The 28 days React Practice Calendar is your roadmap to practicing React fundamentals step by step, with exercises grouped by topic and sorted so that they increase in difficulty.
You should be able to complete each day's exercise in no longer than an hour (and sometimes much less!). And for challenges that are more complex, I simply spread them over multiple days.
Week 1
- Day 1: Data fetching - Build a Public holidays app
- Day 2: Fundamentals - Build an Accordion component
- Day 3: Custom hooks - Build a custom hook that saves items to the local storage
- Day 4: Mini apps - Build a Memory game
- Day 5: Data fetching - Show top 10 articles from Hacker News
- Days 6-7: Take a break or catch up on any challenges you didn't finish yet
Week 2
- Days 8-9: Mini apps - Build a drag and drop to do list
- Day 10: Data fetching - Create a movie search page
- Days 11-12: Intervals - Create a timer that can be started and stopped
- Days 13-14: Take a break or catch up on any challenges you didn't finish yet
💡
If you enjoy the challenges and want to also have access to example solutions and the comments section for feedback and discussion, consider becoming a paid member and supporting the website.
Week 3
- Day 15: Data fetching - Build a paginated Pokemons list with a "Load more" button
- Days 16-17: Forms - Create a simple Contact Book app
- Days 18-19: Intervals - Build a Typewriter effect component
- Days 20-21: Take a break or catch up on any challenges you didn't finish yet
Week 4
- Days 22-23: Forms - Build a restaurant reservation widget
- Days 24-26: Real-world - Build the Github Issues Filter component
- Days 27-28: Celebrate!
Hope you enjoy the challenges! Good luck improving your React skills 🍀💪
Member discussion