The Road to React: Your journey to master plain yet pragmatic React.js

Book Description

LAST UPDATE: 28. September 2022

The Road to React: Your journey to master React.js in JavaScript – is a comprehensive and pragmatic yet concise React feat. Hooks book.

What you will learn.

In “The Road to React” you will learn about all the fundamentals of React.js with Hooks while building a full-blown React application step by step. While you create the React application, every chapter will introduce you to a new React key feature. However, there is more than only the fundamentals: The book dives into related topics (e.g. React with TypeScript, Testing, Performance Optimizations) and advanced feature implementations like client- and server-side searching. At the end of the book, you will have a fully working deployed React application.

Is it up to date?

Programming books are usually outdated soon after their release, but since this book is self- published, I can update it as needed whenever a new version of something related to this book gets released.

I am a beginner. Is this book for me?

Yes. The book starts from zero and takes you through the learning experience step by step. Every chapter builds up on the learnings from the previous chapter. In addition, at the end of every chapter, exercises fortify your lessons learned. If you got stuck in a chapter, you will always find a reference URL to the status quo of the actual code.

Core Concepts

• Pragmatic: Master React while building a complete application step by step.
• Problems Solving: You need to experience a problem first before solving it.
• The Why: Readers like how the book answers the Why, not only the How.

Table of Contents

Fundamentals of React

• Hello React
• Requirements
• Setting up a React Project
• Meet the React Component
• React JSX
• Lists in React
• Meet another React Component
• React Component Instantiation
• ReactDOM
• React Component Definition (Advanced)
• Handler Function in JSX
• React Props
• React State
• Callback Handlers in JSX
• Lifting State in React
• React Controlled Components
• Props Handling (Advanced)
• React Side-Effects
• React Custom Hooks (Advanced)
• React Fragments
• Reusable React Component
• React Component Composition
• Imperative React
• Inline Handler in JSX
• React Asynchronous Data
• React Conditional Rendering
• React Advanced State
• React Impossible States
• Data Fetching with React
• Data Re-Fetching in React
• Memoized Handler in React (Advanced)
• Explicit Data Fetching with React
• Third-Party Libraries in React
• Async/Await in React (Advanced)
• Forms in React

React’s Legacy

• React Class Components
• React Class Components: State
• Imperative React

Styling in React

• CSS in React
• CSS Modules in React
• Styled Components in React
• SVGs in React

React Maintenance

• Performance in React (Advanced)
• TypeScript in React
• Unit Testing to Integration Testing
• React Project Structure

Real World React (Advanced)

• Sorting
• Reverse Sort
• Remember Last Searches
• Paginated Fetch

Deploying a React Application

• Build Process
• Deploy to Firebase

中文：

书名：反应之路: 您掌握朴素而务实的反应之旅。js

最后更新: 28。2022年9月

React之路: 您在JavaScript中掌握React.js的旅程-是一个全面，务实而简洁的React壮举。钩子书。

你会学到什么。

在 “React之路” 中，您将了解带有钩子的React.js的所有基础知识，同时逐步构建成熟的React应用程序。在创建React应用程序时，每一章都会向您介绍一个新的React关键功能。但是，不仅仅是基础知识: 本书深入研究了相关主题 (例如，与TypeScript，测试，性能优化一起做出反应) 以及高级功能实现，例如客户端和服务器端搜索。在本书的最后，您将拥有一个可以正常工作的React应用程序。

是最新的吗？

编程书籍通常在发行后不久就过时了，但是由于这本书是自行出版的，因此只要与本书相关的新版本发布，我就可以根据需要对其进行更新。

我是初学者。这本书是给我的吗？

是的。这本书从零开始，带你一步一步地经历学习经历。每一章都建立在上一章的学习基础上。此外，在每一章的结尾，练习强化你的经验教训。如果您陷入一章，您将始终找到实际代码现状的参考URL。

核心概念

• 语用: 在逐步构建完整应用程序的同时，掌握React。
• 问题解决: 在解决问题之前，您需要先体验问题。
• 原因: 读者喜欢这本书如何回答原因，而不仅仅是如何。

目录

反应的基本原理

• Hello React
• 需求
• 设置React项目
• 满足React组件
• React JSX
• React列表
• 遇到另一个React组件
• React组件实例化
• ReactDOM
• React组件定义 (高级)
• JSX中的Handler函数
• React Props
• 反应状态
• JSX回调处理程序
• React中的提升状态
• 反应控制组件
• 道具处理 (高级)
• 反应副作用
• React自定义钩子 (高级)
• 反应片段
• 可重复使用的React组件
• 反应组分组成
• 命令式反应
• JSX内联处理
• React异步数据
• React条件渲染
• 反应高级状态
• 反应不可能状态
• React数据提取
• React数据重取
• React (高级) 中的memo化处理程序
• 使用React进行显式数据提取
• React中的第三方库
• Async/Await in React (高级)
• 形式在反应

反应的遗产

• React类组件
• React类组件: 状态
• 命令式反应

反应中的造型

• CSS in React
• React中的CSS模块
• React中的样式组件
• SVGs in React

反应维护

• React性能 (高级)
• React中的TypeScript
• 单元测试到集成测试
• React项目结构

真实世界反应 (高级)

• 排序
• 反向排序
• 记得上次搜索
• 分页提取

部署React应用程序

• 构建流程
• 部署到Firebase