[译] 据说你想学 React.js ？

• 原文地址：So you want to learn React.js?
• 原文做者：Samer Buna
• 译文出自：掘金翻译计划
• 本文永久连接：github.com/xitu/gold-m…
• 译者：tv_哇
• 校对者：kangkai124 jonjia

据说你想学 React.js ？

首先，你须要接受一个事实，就是为了使用 React 你须要学习除了 React 以外更多的知识。这是件好事，React 这个库在某些场景下使用是很是棒的，但它并不能解决全部问题。

并且，请先确认你如今是否在学习 React，这主要是为了避免让你对学习 React 自己感到困惑。一个熟悉 HTML 和其余一种编程语言的程序员，他应该可以在一天或更短期内 100% 的掌握 React。一个新手程序员应该在一个星期就能掌握 React。固然，这不包括用来完善 React 的工具及其余库，例如 Redux 和 Relay。

有序地学习是一件重要的事情，这个顺序会根据你掌握的技能而有所不一样。不言而喻，首先你须要对 JavaScript 自己有清晰的理解，固然， HTML 也是。我想在这详细说明下，若是你不知道如何使用数组的 map 或 reduce 方法，或者你不理解闭包，回调的概念，又或者若是在 JavaScript 代码中看到“this”使你感到困惑。那么你尚未准备好学习 React ，并且在 JavaScript 的领域你还有不少东西须要学习。

首先更新 JavaScript 的知识并非一件坏事，主要是你须要学习 ES2015，并非由于 React 依赖它（事实也并不依赖 ES2015）。但由于它是一个更好的语言，所以大多数示例，课程和教程都会使用现代的 JavaScript 语法。具体来讲，你须要如下内容：

• 对象字面量和模板字符串的新特性
• 块级做用域 和 let/const 和 var 的区别
• 箭头函数
• 解构和默认值／剩余参数／扩展运算符
• 类和继承（用于定义组件，可是避免其余方式使用）
• 使用类字段语法和箭头函数定义方法
• Promise 对象以及如何配合 async/await 使用
• 引入和导出模块（最重要的）

你不须要从 ES2015 开始学习，但最终你仍是须要学习它（并非由于你正在学习 React）

因此除了 ES2015 之外的东西，要成为一个高效的 React 开发者你还须要学习如下内容：

• React，ReactDOM，ReactDOMServer 的 API：这些 API 并非那么经常使用，咱们平时用到的（谈论到的）大概只有 25 个左右，你不多会所有使用到。React 的官方文档 实际上它是一个很好的起点（它最近变得更好了），可是若是你仍是很困惑，能够观看在线课程，阅读一本书，或者参加一个专门的研讨会。你的选择无穷无尽，但要当心你挑选的内容，确保它关注的内容是 React 自己，而不是它的工具和生态系统。

• node 和 npm：你须要学习这些（为了 React）的缘由，是由于在 npmjs.org 上有不少的工具包，可让你的编程生活更轻松。并且，自从 Node 容许在服务器端执行 JavaScript 代码后，你能够在服务器端复用前端的 React 代码（同构／跨平台应用）。大多数状况下，你会发现配合像 webpack 这样的模块打包工具时，就更能彰显 node 和 npm 的价值。更重要的是，当你编写大型应用程序时，你至少须要一个工具来处理 JSX （忽略 JSX 是可选的建议）。学习并使用 JSX，推荐的工具是 Babel.js。
• React 生态系统库：由于 React 只是一个构建页面 UI 的语言，你须要结合其余工具库来完成页面的展现和 MVC 实现。不要等到你对 React 很熟悉后才开始这一步。一旦你完成 React 的学习，我建议你关注 react-router 和 redux 这两个工具库，忘掉你以前学习的东西，先学习这两个库。
• 在熟悉 React 自己的原始概念以后，立刻构建一个 React Native 的应用程序。你一旦这么作，你将会只体会到 React 的美。相信我。

在你学习的过程当中，你能作到最好的事就是靠本身双手构建东西。不要复制粘贴例子，也不要盲目地遵循说明，而是参照说明构建其余东西（理想状况下，你更在意的东西）。不管你作什么，不要只作一个 TODOs 应用程序。

我发现构建简单的游戏比用数据驱动的严肃的 web 应用程序能更好地展现 React 的思想。这就是为何在个人 React.js 入门课程中，我专一于构建简单的游戏。我还在个人《简洁的 React.js》中构建了另外一个不一样的游戏，你能够免费阅读。尝试在 JavaScript 在线开发平台 中实现其余相似的游戏，这是一个好的开始，你不须要服务器，也不须要管理那些烦人的 state。

JavaScript REPL 和 React.js 开发平台 经过jsComplete交互式实验学习 JavaScript 和 React.js jscomplete.com

最近，我为 jsComplate 建立了一个交互式的音频学习工具。我测试这工具的第一个实验是一个 React.js 的例子。若是你有作实验，请务必留下你的反馈意见。

祝你好运并玩得开心！若是你提问得很好，我会很乐意的看看你第一个 React 应用程序并给你一些指导。

感谢您的阅读，若是你发现这篇文章对你有帮助，请点击下面的 💚，跟随我发现更多关于 React.js 和 JavaScript 的文章吧。

---

掘金翻译计划 是一个翻译优质互联网技术文章的社区，文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注 掘金翻译计划、官方微博、知乎专栏。