【React全家桶入门之CODE】项目代码与使用方法

React全家桶入门系列文章的代码托管在Github上：

https://github.com/awaw00/react-curd

使用方法：

使用git克隆项目到本地：git clone https://github.com/awaw00/react-curd.git。

现在你得到的是整个项目最新版本的代码。

执行npm i roadhog json-server -g安装全局工具。

执行npm i来安装项目依赖。

执行npm run server启动服务器，然后再执行npm run dev启动客户端。

如何查看文章对应的代码版本？

本项目为每一篇文章都打了相应的标签，从【之二】开始：

• 【之二】对应标签为C02；
• 【之三】对应标签为C03；

以此类推…

如果你想要查看【之三】的代码，可以执行：

git checkout -b [BRANCH_NAME] [TAG_NAME] 将对应章节的代码切到一个新分支中，如：
git checkout -b 03 C03 可以把第三章对应的代码切到名为03的分支。

由于一开始提交代码没有注意，C04的代码包括了【之五】的一部分代码（高阶组件），C05仅有【之五】剩余一部分的代码（组件化表单控件）。

当然，你也可以在github上直接查看对应版本的代码，如【之三】，访问 https://github.com/awaw00/react-curd/tree/C03 就可以看到对应版本的代码了。

不推荐光看不练的学习方式！！！
不推荐光看不练的学习方式！！！
不推荐光看不练的学习方式！！！

动手实践动脑思考才是最好的学习方式，建议新手从【之一】开始，一步一步跟着文章走。

如果我有更好的想法、想尝试自己的方式去实现这个功能、想做自己的功能怎么办？

这是一个好现象。但是为了不打乱文章中的代码，建议你使用git新建一个分支，在新分支上随意修改任何代码：

• 如果你是自己搭建的项目，请先执行git init
• 执行git checkout test切换到test分支进行尝试
• 可以使用git add . 与 git commit -m "[YOUR_MESSAGE]"来保存你在分支上的修改
• 尝试完毕后使用git checkout master切换回主分支继续跟着文章学习

注意：在切换分支时确保当前分支的工作区是干净的（使用git add和git commit来提交未保存的修改）

想了解更多git指令知识请浏览Git文档。

最后，祝大家能从本文中有所收获。