Welcome to the third chapter of my journey into the React ecosystem! 🚀 Click here to jump to the project list, where you can also find live demos for the completed projects.
Note
The Projects are being designed on the fly, without responsiveness in mind.
Therefore, demo results may vary on different devices.
In my first repository, I dove into the basics of React, exploring it's vanilla form. Then, in the second repository, I ventured into the world of Next.js, discovering it's powerful features.
I initially planned to work on my personal portfolio site, but I've decided to put that on hold and take time to gather more knowledge.
Now, it's time to tackle state management, and to put focus on it!
While useState, useContext, and useReducer are great tools in vanilla React, they can become cumbersome for more complex applications, or even just mid sized ones.
This repository has two main objectives:
- Master State Management: I aim to gain a deeper understanding of state management techniques.
- Working with Zustand and Jotai: I'm excited to get practical experience with Zustand and Jotai.
Although Redux is a well-known option, it's verbosity makes it less appealing for smaller or even mid-sized projects. Instead, I'll be using Zustand for it's simplicity and Jotai for it's atomic state management capabilities.
Note
Yes, I know that next to Jotai is Recoil, developed by Facebook.
I'm going to create a series of small projects utilizing these packages.
Unlike my earlier React First Steps, I'll incorporate TypeScript to enhance my coding skills.
Since this project focuses on React, I'll use Vite instead of Next.js, allowing me to experiment with TanStack/ReactRouter.
To simulate remote data interactions, I'll likely use JSON-Server and leverage TanStack/ReactQuery for efficient data fetching.