假如你是一个 React (或者者前台) 新手, 出于以下的起因, 你可能会对这个生态圈感到困惑:
在本文中, 我会假设你已有使用 HTML, CSS 和 JavaScript 开发网页的基础.
为什么要听我的?
关于 React, 现在已经有大量的相互冲突的建议了, 为什么要听我的?
由于我是在 Facebook 构建并开源 React 的最初成员之一. 现在我离开了 Facebook 并加入了一家初创公司, 所以我也不会站在 Facebook 的立场上来表态.
如何踏入 React 生态圈
所有的软件都是建立在某个技术栈之上的, 你需要对整个技术栈有足够深入的了解, 才能建造你的应用. 为什么 React 生态圈的工具似乎总让人感觉压力山大呢, 由于它总是以错误的顺序被解释:
你应该按照以下的顺序进行学习, 而不是跳着学或者者同时学习:
你不需要把这些都学完才去使用 React. 只要要在你遇到问题需要处理的时候, 才进入下一步的学习.
另外, 在 React 社区中, 有少量前沿主题是经常被提及到的, 以下的这些主题很有意思, 但也很难弄懂, 所以它们远没有上面的主题流行, 大多数应用也不需要用到这些.
学习 React 本身
有一种常见的误会是: 你需要花费大量时间在配置工具上, 而后才开始学习 React. 在官方文档里, 你可以找到 copy-paste HTML template. 只要要保存为 .html 文件, 你即可以马上开始学习了. 这个步骤不需要任何工具, 你也无需额外学习工具使用, 直到你能熟练掌握 React 基础.
我仍然觉得, 学习 React 最简单的方法是通过官方教程 the official tutorial.
学习 npm
npm 是 Node.js 包管理工具, 也是前台工程师和设计师分享 JavaScript 代码最流行的方式. 它包含了名为 CommonJS 的板块系统, 让你可以安装 JavaScript 写的命令行工具. 作为背景知识, 可以阅读 这篇文章 理解 CommonJS 对于浏览器的重要性, 阅读 CommonJS Spec Wiki 理解关于 CommonJS API 的更多内容
在 React 生态圈中, 大部分可重用的组件、库和工具遵循 CommonJS 板块规范, 可通过 npm 来安装.
学习 JavaScript 打包工具
出于若干技术起因, CommonJS 板块 (也就是 npm 里的所有内容) 不能直接用到浏览器. 你需要一个 JavaScript “打包工具(bundler)” 来把这些板块打包成 .js 文件, 使你可以在网页中通过