第零步：基础语法

在学习 React 之前，首先你需要掌握 Html CSS JavaScript 的基础语法。

第一步：Hello World

完成一个 hello world 似乎已经成为学习编程的传统。

这里有一个在线的 Hello World 示例

第二步：npm

npm 是一个让 JavaScript 程序员分享和复用代码的工具。 有了它，JS程序员能高效地管理和发布自己要分享的代码。

我们接下来会经常使用到 npm，为了提高 npm 在国内的下载速度，可以选择 cnpm 进行代替。

npm install -g cnpm 安装成功后，以后可以使用 cnpm 代替 npm 命令。

第三步：React 基础

React 基础部分主要包含这些知识点：

• JSX 语法
• 组件
• 状态
• 属性

阮一峰老师的『React 入门实例教程』是一个很易懂的教程，推荐大家通过这个教程学习 React 基础。

第四步：脚手架

为了更进一步的学习，做一个小项目（比如 TODO 应用），我们可以使用 React 官方发布的一个脚手架 “create-react-app”。

第五步：React-router

为了给前端页面增加路由功能，我们需要引入 react-router，参考文档：

React Router 使用教程

React Router 文档

第六步：Redux

构建复杂的 React 应用，可能需要 Redux 的参与。参考文档：

Redux 文档

第七步：项目实战

最好的学习方法就是实战，在做项目时，遇到问题并解决问题，不断的补充新的知识。

如果你没有项目在开发的话。此时推荐你找到一个开源项目，并为它增加一个新的页面与功能。

更好的办法：免费加入『趣编程-选拔赛』，参与到互联网产品的开发中。

附录

在上面的步骤中，为了降低学习难度，是隐藏了一部分知识细节的。

要想成为一名初级前端工程师，你应该还需要认真学习这些内容：Webpack，ES6，Fetch 等等。

进阶

在已经初步学习了如何使用 react 开发应用后，这里有更多的内容提升自己：

• 服务端渲染
• 前端性能分析
• 前端测试框架
• 单元测试
• 代码优化与压缩
• 代码分割与延迟加载
• 自己实现 router
• 自己实现一个 MVVM 框架
• node js
• 等等

另一种学习方式

如果你已经是一名程序员，想要快速的使用 React 开发应用，推荐你尝试下面的内容：

dva —— 基于 redux、redux-saga 和 react-router@2.x 的轻量级前端框架

   

想获得去掉 5 元限制的证券账户吗？

证券交易股票基金的佣金，不足 5 元会按照 5 元收取。比如交易 1000 元的股票，按照普遍的证券佣金手续费率万 2.5，其交易佣金为 0.25 元，小于 5 元，实际会收取佣金 5 元，买卖两次需要支付 10 元佣金成本，1% 的利润就这样没了。

如果您想去掉最低交易佣金 5 元限制，使用微信扫描左边小程序二维码，访问微信小程序「优财助手」，点击底部菜单「福利」，阅读文章「通过优财开证券账户无最低交易佣金 5 元限制」，按照文章步骤操作即可获得免 5 元证券账户，股票基金交易手续费率万 2.5。

请注意，一定要按照文章描述严格操作，如错误开户是无法获得免 5 元证券账户的。