Hello World!

A few practical React exercises with detailed solutions for real-world use cases. This site is very loosely based on Kent C Dodd's Epic React Workshops.

List of Exercises

1. TicTacToe and avoiding state management complexity
2. Vanilla Tilt, direct DOM access and Memory Leaks
3. Fetching Pokemons and error boundaries
4. Safely fetch Rick and Morty Characters handling Async operations
5. Simple fetch-and-cache pattern with Rick and Morty Characters
6. Exposing properties to the parent with a scrollable component using forwardRef and useImperativeHandle
7. Showing Big Head Avatars and debugging detecting user's screen sizes with useDebugValue
8. User Update forms and the context modules function pattern
9. Designing flexible compound accordion components
10. Prop Collections and useAnimatedCounter
11. Add additional functionality to useAnimatedCounter with Prop Getters
12. The State Reducer Pattern to modify an accordion component's default behavior
13. Understanding control props with a simple button component
14. Creating a controllable Rating component
15. Optimized rendering of large lists of items with React-Virtual

References

1. Books

   • Kyle Simpson: You Don't Know JS
   • Sandi Metz: Practical Object-Oriented Design Using Ruby

2. Paid Courses (For review)

   • Kent C Dodds: Epic React.dev and Testing Javascript
   • Josh W Comeau: CSS for JS Devs
   • AlgoExpert
   • Tanner Linsley's React Query Essentials

3. Paid Subscriptions (Try one month)

   • ui.dev
   • frontendmasters.com

4. Interview Prep Repos

   • maximabramchuck/awesome-interview-questions
   • yangshun/front-end-interview-handbook
   • sudheerj/reactjs-interview-questions