React 18 Design Patterns and Best Practices, 4e

Dive in and discover how to build awesome React web apps that you can scale and maintain using design patterns and the latest industry insights.

Key Features

• Discover and unpack the latest React 18 and Node 18 features in this updated fourth edition
• Get up to speed with TypeScript, MonoRepo architecture, and several cutting-edge React tools
• You'll learn from plenty of real-world examples and an improved chapter flow

Book Description

React helps you work smarter, not harder — but to reap the benefits of this popular JS library and its components, you need a straightforward guide that will teach you how to make the most of it.

React 18 Design Patterns and Best Practices will help you use React effectively to make your applications more flexible, easier to maintain, and improve their performance, while giving your workflow a huge boost. Featuring an improved logical flow of topics throughout the chapters as well as adding more practical knowledge and best practices to your developer toolbox, the thoroughly updated fourth edition makes learning even easier.

The book is split into three parts; the first will teach you the fundamentals of React patterns, the second will dive into the inner workings of React, and the third will focus on real-life implications. All the code samples are updated to the latest version of React and you'll also find plenty of new additions that explore React 18 and Node 18's newest features, alongside MonoRepo Architecture and an extensive chapter on TypeScript.

By the end of this book, you'll be able to avoid developmental headaches with a new set of skills that will help you efficiently build and deploy real-world React web applications.

What you will learn

• Get familiar with the new React 18 and Node 18 features
• Explore TypeScript's basic and advanced capabilities
• Make components communicate with each other by applying consolidate patterns
• Dive into MonoRepo architecture
• Use server-side rendering to make applications load faster
• Write a comprehensive set of tests to create robust and maintainable code
• Build high-performing applications by styling and optimizing React components

Who This Book Is For

This book is for web developers who want to increase their understanding of React and apply it to real-life application development. Intermediate proficiency in JS is a must, as is prior exposure to any version of React.

Table of Contents

1. Taking Your First Steps with React
2. Introduction to TypeScript
3. Cleaning Up Your Code
4. Exploring Popular Composition Patterns
5. Writing Code for the Browser
6. Making Your Components Look Beautiful
7. Anti-Patterns to Be Avoided
8. React Hooks
9. React Router
10. React 18 New Features (New Chapter)
11. Node 18 New Features (New Chapter)
12. Managing Data
13. Server-Side Rendering for Fun and Profit
14. Understanding GraphQL with a Real Project
15. MonoRepo Architecture (New Chapter)
16. Improving the Performance of Your Applications
17. Testing and Debugging
18. Deploying to Production