[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_30":-5,"_50":-5,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70},"routes/_store+/_readers+/email_author.$slug/route",{"_9":10,"_11":-5},"book",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23},"currentUser","id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMjkwODA","title","《React 学习之道》The Road to React (简体中文版)","state","published","contactAuthorMethod","email","aboutText","

《React 学习之道》会教您一些React的基础知识。通过这套教程，您可以使用纯 React 构建一个真正可用的应用程序，而不需要去理会其他复杂的工具。我将为您逐一介绍从开发环境的准备到部署上线的全部过程。本书每一章都包含一些额外的索引资料以及课后练习。在读完本书之后，您将会有能力依靠自己构建一个 React 应用。我，Robin Wieruch，以及整个社区会持续维护和更新这些资料。

通过《React 学习之道》，在开始陷入到更庞大的 React 生态圈之前，我想为您奠定一个良好的基础。它会通过一个真实可用的 React 应用来解释基本概念、设计模式以及最佳实践。

您将会学习构建您自己的 React 应用。这个应用会涉及一些真正可用的功能，比如分页，客户端缓存，以及像搜索和排序这样的交互功能。另外在这个过程中，您会慢慢从 JavaScript ES5 过渡到 JavaScript ES6。我希望这本书能充分体现我对 React 和 JavaScript 的热忱所在，并帮助您能够开始您的开发旅程。

您可以期望学到什么（目前为止...）

Hacker News的React版本
没有复杂的配置
用create-react-app来初始化你的应用
高效而轻量级的代码
使用 React Hooks 来做状态管理（目前为止...）
和真实API的交互（Hacker News）
高级用户交互
客户端排序
客户端过滤
服务器端搜索
客户端缓存的实现
高阶函数和高阶组件
用Jest进行组件的切片(snapshot)测试
用Enzyme进行组件的单元测试
过程中学到一些有用的工具库
过程中的练习题和扩展阅读
认同和巩固你的所学
将您的应用部署到产品环境

您需要具备哪些知识？

在开始阅读本书之前，您应该熟悉 HTML、CSS 和 JavaScript（ES5）。本书将会传授 ES6 及其更高版本，如果您熟悉于其它不同的 SPA 框架或库，您应该对这些基本知识已经了然于心。如果您刚刚开始您的 Web 开发之旅，您应该优先学习并掌握 HTML、CSS 和 JavaScript，然后再来学习 React。

","authors",[24,25,26],{"_12":45,"_28":46,"_30":47},{"_12":40,"_28":41,"_30":42},{"_12":27,"_28":29,"_30":31},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8zMDM1MA","name","Jiahao Li","user",{"_32":33},"avatar",{"_34":35,"_36":37,"_38":39},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/2224391/medium/self-picture-1.jpeg?1607860731","styleName","medium","exists",true,"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8zMDM0OQ","JimmyLv",{"_32":43},{"_34":44,"_36":37,"_38":39},"https://d39qdlcrvnra4b.cloudfront.net/avatars/1050304/medium/gavatar.jpg?1493022282","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8zMDM0OA","Robin Wieruch",{"_32":48},{"_34":49,"_36":37,"_38":39},"https://d39qdlcrvnra4b.cloudfront.net/avatars/763573/medium/raw_square.jpg?1479662236","shoppingCartId","shoppingCart",{"_12":83,"_84":85,"_86":39,"_87":88,"_89":90,"_91":92,"_93":39},"locale","en","readerTheme","light","constants",{"_81":82},"publishers",{"_77":78,"_79":80},"learnerOrganizations",[],"needsLocaleCookieSync",false,"announcements",{"_71":72,"_73":-5},"sentryEnvironment","production","sentryRelease","4b9cc63097cd4c67d0cc0e1eb59a0e1651432dfc","announcement_store",{"_74":39,"_75":76},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading"]

Email the Authors