Micro State Management with React Hooks: Explore custom hooks libraries like Zustand, Jotai, and Valtio to manage global states
Category
Author
Publication
Packt Publishing
State management is one of the most complex concepts in React. Traditionally, developers have used monolithic state management solutions. Thanks to React Hooks, micro state management is something tuned for moving your application from a monolith to a microservice.
This book provides a hands-on approach to the implementation of micro state management that will have you up and running and productive in no time. You'll learn basic patterns for state management in React and understand how to overcome the challenges encountered when you need to make the state global. Later chapters will show you how slicing a state into pieces is the way to overcome limitations. Using hooks, you'll see how you can easily reuse logic and have several solutions for specific domains, such as form state and server cache state. Finally, you'll explore how to use libraries such as Zustand, Jotai, and Valtio to organize state and manage development efficiently.
By the end of this React book, you'll have learned how to choose the right global state management solution for your app requirement.
About the Author
- Understand micro state management and how you can deal with global state
- Build libraries using micro state management along with React Hooks
- Discover how micro approaches are easy using React Hooks
- Understand the difference between component state and module state
- Explore several approaches for implementing a global state
- Become well-versed with concrete examples and libraries such as Zustand, Jotai, and Valtio
If you're a React developer dealing with complex global state management solutions and want to learn how to choose the best alternative based on your requirements, this book is for you. Basic knowledge of JavaScript programming, React Hooks and TypeScript is assumed.
- What is Micro State Management with React Hooks?
- Using Local and Global States
- Sharing Component State with Context
- Sharing Module State with Subscription
- Sharing Component State with Context and Subscription
- Introducing Global State Libraries
- Use Case Scenario 1 Zustand
- Use Case Scenario 2 Jotai
- Use Case Scenario 3 Valtio
- Use Case Scenario 4 React Tracked
- Similarities and Differences between Three Global State Libraries
