React in Depth

A guide to the advanced React skills used by the very best React developers.

React in Depth teaches the React libraries, tools and techniques that are vital to build amazing apps. You’ll put each skill you learn into practice with hands-on projects like a goal-focused task manager, expenses tracker, and custom UI library.

In React in Depth you will learn how to:

• Assess technologies in the React ecosystem

• Implement advanced component patterns to improve React code

• Optimize React performance for a smooth user experience

• Use developer tooling for better code maintenance and debugging

• Work with TypeScript for type safety

• Use CSS in JavaScript for efficient styling

• Manage data in React, including remote data and reactive caching

• Unit test React components for quality assurance and bug prevention

• Use popular React frameworks for building production-ready applications

React in Depth focuses on the modern best practices of React development, with full and up-to-date coverage of the latest features and changes to the React ecosystem. This book highlights the advanced techniques that turn a React pro into a React wizard, and how you can future-proof your career by mastering new React technologies as they emerge.

Purchase of the print book includes a free eBook in PDF and ePub formats from Manning Publications.

About the technology

What does knowing React in depth mean? It means writing clean, modular code that you can test and refactor. It means applying design patterns and architectural principles to real-world problems. It means collaborating effectively with other developers and harnessing the power of React’s rich ecosystem. That’s exactly what this book delivers!

About the book

React in Depth teaches you the best practices of React development, with up-to-date coverage of the React ecosystem. In it, you’ll learn how to put NextJS, Remix, TypeScript, and more in your React toolbox. You’ll explore advanced topics like component patterns, optimization techniques, and developer tooling. Along the way, you’ll collect pro tips for creating applications that can scale without sacrificing performance or stability. Each skill is proven with hands-on examples, from a weather app to a Wordle clone.

What's inside

• Optimize React performance

• Use CSS in JavaScript

• Manage data in React

• Unit test React components

About the reader

For web developers familiar with the basics of React.

About the author

Morten Barklund works as a staff fullstack engineer at Corti, a leading AI healthtech startup.

Table of Contents

1 Developer’s guide to the React Ecosystem
2 Advanced component patterns
3 Optimizing React performance
4 Better code maintenance with developer tooling
5 TypeScript: Next-level JavaScript
6 Mastering TypeScript with React
7 CSS in JavaScript
8 Data management in React
9 Remote data and reactive caching
10 Unit-testing React
11 React website frameworks
12 Project: Build an expense tracker with Remix
13 Project: Create a React UI library
14 Project: Develop a word game in React