Part 1

Part 1 of React Hooks in Action with Suspense and Concurrent Mode introduces React Hooks and covers the key hooks in the first stable release of React 17. You’ll see how to manage state within function components, share state with children and deeper descendants, and synchronize state with outside services, servers, and APIs. You’ll also learn how to create your own hooks (while following the rules) and make the most of third-party hooks from established libraries like React Router, React Query, and React Spring.

A booking app acts as a consistent context for the examples presented, and you’ll see how to load and manage data and orchestrate the interactions between components and react to the actions of users. But first, what are hooks, and why are they a step in the right direction?