《React 学习之道》The Road to learn React (简体中文版)

通往 React 实战大师之旅：掌握 React 最简单，且最实用的教程。

前言

《React 学习之道》这本书使用路线图中的精华部分用于传授 React，并将其融入一个独具吸引力的真实世界 App的具体代码实现。

如何掌握 React 存在特别多的路线图。本书提取这些路线图中的精华部分，并将其融入于一个具体的应用程序当中。您将会构建一个属于本身的 React 应用程序。在本次学习之旅当中，您将学习 ES6，了解全部 React 的基础知识、先进理念，以及组件的内部状态管理。

做者与译者

首先，感谢 The Road to learn React 原书做者，Robin Wieruch。本书的翻译始于 React China 社区的一个帖子：The Road to learn React - Simplified Chinese Translation。

本书翻译来自 ThoughtWorks 的 JS Community 超豪华译者团队（排名不分前后）：

@LeiZeng （曾磊）、@JimmyLv （吕靖）

@SBeator （曾星鑫）、@kenpusney （刘清）

@azzgo （文一山）、@trotyl （余泽江）

@ariesjia （陈嘉）、@Yixi （刘应皓）

@HelloRuiLi （李睿）、@lazurey （梁越）

@zengyang2014 （曾扬）、@liujiefengfeng （刘杰凤）

@futantan （傅坦坦）、@linksgo2011 （林宁）

本书介绍

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

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

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

您能够指望学到什么（目前为止...）

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

您须要具有哪些知识？

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

读者赠言

Muhammad Kashif: “《React 学习之道》是一本独一无二的书，我推荐给任何想要学习React基础和进阶技巧的学生或者专业人士。她包含了诸多启发性的小提示和绝无仅有的技术点。书中虽然引用了大量例子和参考资料，但最后都被用到咱们要解决的问题上，这体现了编写本书使人惊叹地缜密。我有17年的互联网和桌面开发经验，阅读本书以前，我在学习React的过程当中缺并不顺利。而这本书就像魔术同样有用。”

Andre Vargas: “Robin Wieruch的《React 学习之道》是一本很是牛的书！我所学到的绝大部分有关React甚至是ES6的知识都是经过她得来的！”

Nicholas Hunt-Walker, Instructor of Python at a Seattle Coding School: “这是一本我读过的最严谨和最实用的编程书籍之一。一本完整的React和ES6使用说明。”

Austin Green: “很是感谢，真的很喜欢这本书。完美的学习曲线，不论是React，ES6，仍是抽象编程概念。”

Nicole Ferguson: “这个周末跟着Robin的课程学习React，我发现这一切太有意思了。这几乎让我感到羞愧。”

Karan: “刚刚完成这个课程。这是全世界最好的学习React和JS的一本书。完美展示了ES的优雅。膜拜！ :)”

Eric Priou: “Robin的《React 学习之道》是必读的一本书。简明扼要地介绍了React和Javascript。”

一个新手开发: “做为一个开发新手，我刚刚完成了这本书的学习，很是感谢写了这本书。她很是容易上手，我相信本身在接下来的几天能够开始从头开发一个新应用。这本书比我以前试过的官方React入门文档好不少（因为缺少细节，我并未可以完成）。每一个章节后面的练习题对我有很好的激励效果。”

一个学生: “这是最好的学习React的一本书。咱们能够一边作练习项目，一边学习知识点，而后还能紧扣咱们的学习主题。我发现「边码边学」是最好的掌握编程的方法，而这本书完彻底全是这样教个人。”

Thomas Lockney: “这是一本很是扎实的介绍React的书，而不是试着把事情搞复杂。我原本只想尝试理解看看这本书到底讲了什么，而后我得出了上面的结论。我并无跟着全部的脚注来学习我尚未注意到的新的ES6语法（我固然不会说我一直没有注意到，Bob）（译者注：这个是在博客中与另一个朋友互动的话）。对于那些没有及时了解到这些新功能，而且很勤奋的跟着练习的朋友们，我想很确定地对大家说，大家能学到的会不只仅是这本书所教的东西。”

恭喜你，快去看看咱们的 Leanpub 主页吧！

《React 学习之道》The Road to learn React (简体中文版) [PDF/iPad/Kindle]

支持 PDF、EPUB、MOBI、Kindle 多种格式下载，并支持 Leanpub 在线阅读。

最后！求 Star！求小星星！

• GitHub 翻译地址：the-road-to-learn-react/the-road-to-learn-react-chinese: 《React 学习之道》The Road to learn React (简体中文版) | 最简单，且最实用的 React 实战教程。
• GitHub 原书地址：the-road-to-learn-react/the-road-to-learn-react: The Road to learn React

成为赞助者

《React 学习之道》是一本免费的电子书，致力于让每一个人都能学习 React。这样的教育内容须要你的支持才能得以维持下去。Robin Wieruch 还在他的网站上写了不少的教育内容。因此你能够经过在Patreon成为他的赞助人来支持他。

也欢迎支持咱们的译者，请咱们喝杯咖啡，☕️：

微信	支付宝