1、首先React采用声明范式,通过对DOM的模拟,最大限度地减少与DOM的交互。并且它可以与已知的库或框架很好地配合。

3、下面构建React组件的时候,使用了es6的语法,最终用webpack打包。第一步:划分UI ComponentReact是模块化、组件化的。这里第一步要做的就是将应用划分成各个组件。

5、第三步:编译并打包在使用之前,要先经过’编译’,这个过程我们是使用Babel完成的。安装依赖项在这里,首先执行以下命令,安装开发依赖并自行安装其中的依赖项。安装开发依赖项后,接下来就是使用webpack打包了,在解析文件的时候会自动使用babel对文件进行编译。将第二步中的所有组件都放到当前目录下的src目录中,目录结构可以参考源代码,然后执行以下命令。接下来在浏览器中打开html,静态版的React已经生成了,只是还没有动态交互而已。

7、第五步:完成新增人员功能真正让React动起来,从新增人员逻辑开始,这个功能比较纯粹,和其他业务耦合度不高。重新打开js,加入部分代码。我们在提交的按钮上绑定了点击事件。点击提交按钮后,执行函数。重新编译打包生成js文件。再次在浏览器中打开html文件,试试新添加的人员添加功能吧!
