git://www.github.com/vasansr/react-tutorial-mern.git
git clone http://www.github.com/vasansr/react-tutorial-mern
$ svn co --depth empty http://www.github.com/vasansr/react-tutorial-mern
Checked out revision 1.
$ cd repo
$ svn up trunk
构建一个完整的React App,使用MERN堆栈
这是一个入门教程,使用MERN堆栈来开始。 你不仅学会了反应,还有相关的环境和免费工具,如彗星,快速,吞吐等。
在不可能的情况下,你首先到达这里,完整的step-by-step指令在这里是 。 阅读并遵循教程。
创建 index.html 作为文件,使用( 反应,反应,babel ) 中的所有脚本。 在 <script>
标记之间的HTML中写入 Hello World 元素。
使用 node 和Express来提供HTML文件。
在构建时而不是运行时将JSX转换为 JS 。
将JSX和HTML拆分为单独的文件。
服务转换的JSX而不是JSX本身。
开始构建简单的CRUD应用程序。
使用 React.createClass 创建类并呈现它,而不是直接在 ReactDOM.render() 中呈现DOM元素。
使用其他组件创建组件。
使用道具在零部件间进行通信
基于数据动态创建多个组件
动态更新数据模型并进行渲染。
开始使用状态,准备动态更新。
动态更新状态并查看魔术。
从子组件到父组件进行通信。
将数据移动到服务器。
在服务器上实现get以返回记录列表。
实现一个 POST API来添加新记录。
更改客户端代码以从服务器获取数据。
更改客户端代码以将数据发送到服务器以添加记录。
保存数据库中的数据。
编写用于初始化MongoDB集合的脚本。
创建到数据库的永久连接,更改从数据库读取的API 。
更改 POST API以将记录插入到数据库中。
模块化,使用browserify来提供所有脚本的包。
使用browserify手动创建分发包。
使用ate自动完成手动任务。
使用watchify查看源文件的更改和自动生成。
监视时在源文件中记录错误。
将单个源文件拆分为多个。
修改获取API以处理带有过滤器的查询字符串。
创建用于筛选列表的按钮,使用硬编码过滤器。
创建具有受控组件和使用状态的窗体。
使用路由处理不同的页视图和查询字符串。
安装反应路由器并构建前几个路由。
使用URL参数初始化过滤器。
将筛选器更改传播到 Bug 列表并双击 URL 。
侦听URL更改,重新加载记录并呈现筛选器 UI 。
添加新的视图/页面,让我们编辑记录。
添加获取API以获取单个记录。
添加 PUT API来修改单个记录。
创建新路径和新网页以编辑记录。
从两个页面创建链接。
使用react引导 polish UI 。
安装并添加简单按钮。
将过滤器转换为反应引导。
将添加窗体转换为反应引导。
将 table 转换为反应引导。
将编辑表单转换为反应引导。