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文档。
最后,祝大家能从本文中有所收获。
