React_轻松安装
(跟着小陈,带你玩转React)
(热门的三大框架:Angular、React、Vue )
了解 React
React 是一个采用声明式,高效而且灵活的用于构建用户界面的 JAVASCRIPT 库。
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。
为什么要使用React
1、使用组件化开发方式,符合现代Web开发的趋势
2、技术成熟,社区完善,配件齐全,适用于大型Web项目(生态系统健全)
3、由Facebook专门的团队维护,技术支持可靠
4、使用方式简单,性能非常高,支持服务端渲染
5、ReactNative - Learn once, write anywhere: Build mobile apps with React(学习一次,随时随地写作:用React构建移动应用程序)
6、React非常火,从技术角度,提高技术水平;从职业角度,有利于参与潜力大的项目
react的特点
1.声明式设计 −React采用声明范式,可以轻松描述应用。
2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。
3.灵活 −React可以与已知的库或框架很好地配合。
4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
6.单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。
看到这里我相信你们已经初步认识了React
⬇
下面我就来告诉大家如何安装它吧
检查node版本是否是最新版本
node -V
是最新版本就可以继续下载 若不是需要先更新node
⬇
安装
npm install -g create-react-app
检查是否安装成功
create-react-app -V
初始化项目
create-react-app my-app(项目名称)
进入项目
cd (项目名称)
启动项目
npm start
现在我们已经完成了初步的安装并且成功启动了初始化的项目
这就是初始化项目完成后所看到的效果图,下载好后,就可以在里面写项目了 。如果没有成功,可是下载是丢文件,可以尝试在一个网好的地方再次下载,还没有好的话,建议去查找百度(机智如我)。