Explore global state management and select the best library for your application

Key Features

• Understand the essential concepts and features of micro state management
• Discover solutions to common problems faced while implementing micro state management
• Explore the different libraries, their coding style, and the optimum approach to rendering optimization

Book Description

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.

What you will learn

• 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

Who this book is for

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.

Table of Contents

1. What is Micro State Management with React Hooks?
2. Using Local and Global States
3. Sharing Component State with Context
4. Sharing Module State with Subscription
5. Sharing Component State with Context and Subscription
6. Introducing Global State Libraries
7. Use Case Scenario 1 – Zustand
8. Use Case Scenario 2 – Jotai
9. Use Case Scenario 3 – Valtio
10. Use Case Scenario 4 – React Tracked
11. Similarities and Differences between Three Global State Libraries

About the Author

Daishi Kato is a software engineer who is passionate about open-source software. He had been a researcher on peer-to-peer networks and web technologies for decades. His interest has been in engineering, and he has been working with startups for the last 5 years. He has been actively involved in OSS since the '90s, and his latest work focuses on developing various libraries with JavaScript and React.