Build scalable, maintainable, and powerful React web apps with design patterns and insightful best practices

• Make the most of design patterns in React – including render props and controlled and uncontrolled inputs
• Master React Hooks with the help of this updated third edition
• Work through examples that can be used to create reusable code and extensible designs

Filled with useful React patterns that you can use in your projects straight away, this book will help you save time and build better web applications with ease.

React 17 Design Patterns and Best Practices is a hands-on guide for those who want to take their coding skills to a new level. You'll spend most of your time working your way through the principles of writing maintainable and clean code, but you'll also gain a deeper insight into the inner workings of React.

As you progress through the chapters, you'll learn how to build components that are reusable across the application, how to structure applications, and create forms that actually work. Then you'll build on your knowledge by exploring how to style React components and optimize them to make applications faster and more responsive.

Once you've mastered the rest, you'll learn how to write tests effectively and how to contribute to React and its ecosystem.

By the end of this book, you'll be able to avoid the process of trial and error and developmental headaches. Instead, you'll be able to use your new skills to efficiently build and deploy real-world React web applications you can be proud of.

• Get to grips with the techniques of styling and optimizing React components
• Create components using the new React Hooks
• Use server-side rendering to make applications load faster
• Get up to speed with the new React Suspense technique and using GraphQL in your projects
• Write a comprehensive set of tests to create robust and maintainable code
• Build high-performing applications by optimizing components

This book is for web developers who want to understand React better and apply it to real-life app development. You'll need an intermediate-level experience with React and JavaScript before you get started.

1. Taking your first steps with React
2. Cleaning Up Your Code
3. React Hooks
4. Exploring Popular Composition Patterns
5. Understanding GraphQL With a Real Project
6. Managing Data
7. Writing Code for the Browser
8. Making Your Components Look Beautiful
9. Server-Side Rendering for Fun and Profit
10. Improving the Performance of Your Applications
11. Testing and Debugging
12. React Router
13. Anti-Patterns to be Avoided
14. Deploying to Production
15. Next Steps