React 17 Design Patterns and Best Practices Third Edition

Design, build, and deploy production-ready web applications using industry-standard practices

Carlos Santana Roldan 지음

Packt(GCO Science) 2021년 05월 17일 출간

작품소개

책소개

Build modular React web apps that are scalable, maintainable, and powerful using design patterns and insightful best practices

▶What You Will Learn
-Get to grips with the techniques of styling and optimizing React components
-Create components using the new React Hooks
-Get to grips with the new React Suspense technique and using GraphQL in your projects
-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 optimizing components

▶Key Features
-Get up to speed with design patterns in React such as render props and controlled and uncontrolled inputs
-Become well-versed with React Hooks in this updated third edition
-Work through examples that can be used to create reusable code and extensible designs

▶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 app development. Intermediate-level experience with React and JavaScript is assumed.

목차

▶TABLE of CONTENTS
▷Section 1: Hello React!
-Chapter 1: Taking Your First Steps with React
-Chapter 2: Cleaning Up Your Code

▷Section 2: How React Works
-Chapter 3: React Hooks
-Chapter 4: Exploring Popular Composition Patterns
-Chapter 5: Understanding GraphQL with a Real Project
-Chapter 6: Managing Data
-Chapter 7: Writing Code for the Browser

▷Section 3: Performance, Improvements, and Production!
-Chapter 8: Making Your Components Look Beautiful
-Chapter 9: Server-Side Rendering for Fun and Profit
-Chapter 10: Improving the Performance of Your Applications
-Chapter 11: Testing and Debugging
-Chapter 12: React Router
-Chapter 13: Anti-Patterns to Be Avoided
-Chapter 14: Deploying to Production
-Chapter 15: Next Steps

책 속으로

▶What this book covers
- Chapter 1, Taking Your First Steps with React, covers some basic concepts that are important for following the rest of the book, and that are crucial to working with React daily. We will learn how to write declarative code and will gain a clear understanding of the difference between the components we create and the elements React uses to display instances on the screen. We'll then learn the reasons behind the choice of co-locating logic and templates together, and why that unpopular decision has been a big win for React. We will go through the reasons why it is common to feel fatigued in the JavaScript ecosystem, but we'll also see how to avoid those problems by following an iterative approach. Finally, we will see what the new create-react-app CLI is, and with that, we'll be ready to start writing some real code.

- Chapter 2, Cleaning Up Your Code, teaches you a great deal about how JSX works and how to use it in the right way in our components. We start from the basics of the syntax to create a solid knowledge base that will enable us to master JSX and its features. We will look at how ESLint and its plugins can help us find problems faster and enforce a consistent style guide across our code base. Finally, we will go through the basics of functional programming to understand the important concepts to use when writing a React application. Now that our code is clean, we are ready to start digging deeper into React and learn how to write truly reusable components.

- Chapter 3, React Hooks, teaches you how to use the new React Hooks and how to build your own Hooks.

- Chapter 4, Exploring Popular Composition Patterns, explains how to compose our reusable components and make them communicate effectively. Then, we will go through some of the most interesting composition patterns in React. We will also see how React tried to solve the problem of sharing functionalities between components with mixins. We'll then learn how to deal with context

출판사 서평

▶ Preface
React is an open-source, adaptable JavaScript library for building complex user interfaces (UIs) from small, detached bits called components. This book will help you to use React effectively to make your applications more flexible, easier to maintain, and improve their performance, while giving your workflow a huge boost by improving speed without affecting quality.

You'll start by understanding the internals of React, before gradually moving on to writing maintainable and clean code. The chapters that follow will show you how to build components that are reusable across the application, structure applications, and create forms that actually work. Later, you will build on your knowledge by exploring how to style React components and optimize them to make applications faster and more responsive. Finally, you'll write tests effectively and learn 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, and instead, have the skills you need to efficiently build and deploy real-world React web applications.

작가정보

저자(글) Carlos Santana Roldan

Carlos Santana Roldan is a senior web developer with more than 13 years of experience. Currently, he is working as a senior software engineer at Snapchat. He is the founder of JS Education, where he teaches people web technologies such as React, Node.js, JavaScript, and TypeScript.