React Practice Calendar

Ever struggled to decide what practice exercise to pick next? It can be tricky to choose the challenges in gradual order of difficulty and tackling a diverse range of topics.

So today I am sharing with you the "React Practice Calendar" - 28 days of React Practice 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

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 🍀💪