EBOOK
About
React Hooks in Action teaches you to write fast and reusable React components using Hooks.
Build stylish, slick, and speedy-to-load user interfaces in React without writing custom classes. React Hooks are a new category of functions that help you to manage state, lifecycle, and side effects within functional components. React Hooks in Action teaches you to use pre-built hooks like useState, useReducer and useEffect to build your own hooks. Your code will be more reusable, require less boilerplate, and you'll instantly be a more effective React developer.
About the technology
Get started with React Hooks and you'll soon have code that's better organized and easier to maintain. React Hooks are targeted JavaScript functions that let you reuse and share functionality across components. Use them to split components into smaller functions, manage state and side effects, and access React features without classes-all without having to rearrange your component hierarchy.
React Hooks in Action teaches you to write fast and reusable React components using Hooks. You'll start by learning to create component code with Hooks. Next, you'll implement a resource booking application that demonstrates managing local state, application state, and side effects like fetching data. Code samples and illustrations make learning Hooks easy.
What's inside
Build function components that access React features
Manage local, shared, and application state
Explore built-in, custom, and third-party hooks
Load, update, and cache data with React Query
Improve page and data loading with code-splitting and React Suspense
Table of Contents
PART 1
1 React is evolving
2 Managing component state with use State hook
3 Managing component state with use Reducer hook
4 Working with side effects
5 Managing component state with use Ref hook
6 Managing application state
7 Managing performance with use Memo
8 Managing state with the Context API
9 Creating your own hooks
10 Using third party hooks
PART 2
11 Code splitting with Suspense
12 Integrating data-fetching with Suspense
13 Experimenting with use Transition, use Deferred Value and Suspense List
Build stylish, slick, and speedy-to-load user interfaces in React without writing custom classes. React Hooks are a new category of functions that help you to manage state, lifecycle, and side effects within functional components. React Hooks in Action teaches you to use pre-built hooks like useState, useReducer and useEffect to build your own hooks. Your code will be more reusable, require less boilerplate, and you'll instantly be a more effective React developer.
About the technology
Get started with React Hooks and you'll soon have code that's better organized and easier to maintain. React Hooks are targeted JavaScript functions that let you reuse and share functionality across components. Use them to split components into smaller functions, manage state and side effects, and access React features without classes-all without having to rearrange your component hierarchy.
React Hooks in Action teaches you to write fast and reusable React components using Hooks. You'll start by learning to create component code with Hooks. Next, you'll implement a resource booking application that demonstrates managing local state, application state, and side effects like fetching data. Code samples and illustrations make learning Hooks easy.
What's inside
Build function components that access React features
Manage local, shared, and application state
Explore built-in, custom, and third-party hooks
Load, update, and cache data with React Query
Improve page and data loading with code-splitting and React Suspense
Table of Contents
PART 1
1 React is evolving
2 Managing component state with use State hook
3 Managing component state with use Reducer hook
4 Working with side effects
5 Managing component state with use Ref hook
6 Managing application state
7 Managing performance with use Memo
8 Managing state with the Context API
9 Creating your own hooks
10 Using third party hooks
PART 2
11 Code splitting with Suspense
12 Integrating data-fetching with Suspense
13 Experimenting with use Transition, use Deferred Value and Suspense List