State Management with React Query: Improve developer and user experience by mastering server state in React

Daniel Afonso

$9.99 ~~$23.99~~

5 (5 Ratings)

eBook May 2023 228 pages 1st Edition

Daniel Afonso

$9.99 ~~$23.99~~

5 (5 Ratings)

eBook May 2023 228 pages 1st Edition

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

AI Assistant (beta) to help accelerate your learning

View table of contents

Preview Book

Download Code

Key benefits

Learn how state is split into server and client state and the common challenges with each
Understand how React Query addresses server state challenges by facilitating data fetching and mutations
Apply the knowledge gained to improve developer experience and build applications with improved UX

Description

State management, a crucial aspect of the React ecosystem, has gained significant attention in recent times. While React offers various libraries and tools to handle state, each with different approaches and perspectives, one thing is clear: state management solutions for handling client state are not optimized for dealing with server state. React Query was created to address this issue of managing your server state, and this guide will equip you with the knowledge and skills needed to effectively use React Query for state management. Starting with a brief history of state management in the React ecosystem, you’ll find out what prompted the split from a global state to client and server state and thus understand the need for React Query. As you progress through the chapters, you'll see how React Query enables you to perform server state tasks such as fetching, caching, updating, and synchronizing your data with the server. But that’s not all; once you’ve mastered React Query, you’ll be able to apply this knowledge to handle server state with server-side rendering frameworks as well. You’ll also work with patterns to test your code by leveraging the testing library and Mock Service Worker. By the end of this book, you'll have gained a new perspective of state and be able to leverage React Query to overcome the obstacles associated with server state.

Who is this book for?

The book is for React developers who want to improve their state management skills and overcome the hurdles brought about by server state while improving their developer and user experience. Basic knowledge of web development and React will assist with understanding key concepts covered in this book. JavaScript developers will also find it useful.

What you will learn

Learn about state and how it s often managed
Discover how state splits into server state and Client state
Solve common challenges with server state using React Query
Install and configure React Query and its Devtools
Manage server state data fetching by using the useQuery hook
Create, update and delete data by using the useMutation hook
Discover the use of React Query with frameworks like Next.js and Remix
Explore MSW and the Testing Library to test React Query using hooks

Product Details

Publication date, Length, Edition, Language, ISBN-13

Publication date : May 12, 2023

Length: 228 pages

Edition : 1st

Language : English

ISBN-13 : 9781803244839

Vendor :

Facebook

Category :

Web Development

Languages :

JavaScript

Concepts :

Front End Web Development

Tools :

React

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

AI Assistant (beta) to help accelerate your learning

Frequently bought together

$29.99

$44.99

React 18 Design Patterns and Best Practices

$44.99

Total $ 119.97

M. Jun 26, 2023

1) Starts with the absolute basics and slowly accelerates until you're going full-speed and don't even realize it.2) Uses simple, logical examples that are easy to understand and reapply later.3) Doesn't linger on any topic too long, rather a steady pace is maintained it the entire way through.4) Any React dev who picks up this book is walking away at least one valuable addition to their box of tricks.

Amazon Verified review

William Kotheimer May 31, 2023

“State Management with React Query” starts with comparing useState, useReducer, and useContext for managing state. You don’t need know how React hooks work to understand this. He really does a great job both explaining these concepts, and showing how one would use them in an increment/decrement app. In doing this, he also lays the conceptual groundwork for understanding what React Query does for api state, i.e. taking over this aspect so that these other hooks can focus on app state. I thought he did a great job of explaining these “separation of concerns” before delving into fetching apis and using state with react query.I was surprised by the depth of this book. Even only 100 pages in, he already covered getting api data with either fetch or Axios library, and setup for caching data and using it, and invalidating cache after a POST request is made that triggers a refetch. This was a great way to show how much control React Query offers over when to allow data fetches to occur, even better than when useEffect was used to trigger apis calls on page load and populate useState. In addition, he shows using callbacks after a success, conditional enabling, cache time, and notifications.I’d recommend this book for anyone who desired an overview of React Query. It doesn’t use typescript but that’s the only thing that seems to be missing here. The second half of the book delves into using Remix and Next.js with React Query for server side rendering, and testing.If you’re looking for something to get started with React Query, definitely try the docs, but if you are looking for something more, “State Management with React Query” by Daniel Afonso is a great choice.

Yevhenii Jun 19, 2023

"State Management with React Query" surpassed my expectations with its comprehensive and accessible approach. The author skillfully explained the nuances of useState, useReducer, and useContext, making them easily understandable even for beginners. The book seamlessly integrated these state management techniques into an increment/decrement app, while also laying the groundwork for comprehending React Query's role in API state management. Furthermore, it covered essential topics such as fetching API data, caching, invalidation, and advanced features like callbacks and conditional enabling. Despite the lack of TypeScript implementation, I highly recommend this book as a valuable resource for anyone looking to gain a thorough understanding of React Query and its practical applications.

CP MB Jun 02, 2023

From the beginning, I realized this book could be an excellent book, and in the end, it didn't disappoint. The author took the time to explain in detail the most popular current approaches to application state management and later explained why his approach is better, which I agree with. This book is well thought out and it feels like there was a significant amount of planning done by the author before writing the first chapter. If you want to implement application state the right way, read this book!

Tudor Jun 06, 2023

I really like the book, it's smooth to read, and I like how the information is presented and how the author adds React specific explanations to help the readers refresh their knowledge and better understand a topic.From the start it doesn't rush things it sets the stage and shows the pain points so you better understand why you need React Query.

State Management with React Query: Improve developer and user experience by mastering server state in React

What do you get with eBook?