引用图标库
npm install react-fontawesome
引用echarts
npminstall --save echarts
npminstall --save echarts-for-react
引用蚂蚁ui
npm install antd-init -g
antd-init 是一个用于演示 antd 如何使用的脚手架工具,真实项目建议使用 dva-cli。
用于highcharts
npm install react-highcharts --save
关于react
1.在我看来React用来做单页面应用,基于nodejs底层。
2.前后端分离一般采取的前端架构的一般都是从这三个里面进行选择,其中Vue用的是最多的,其次是Angular,最后是React
3.为什么会选择学习React?
a.React是与Ant挂钩的一个技术
b.和其他技术一样React也可以整合其他的技术(如:Bootstarp、echarts、Hcharts、FontAwesome)
4.为什么React现在用的人比较少?
a.学习的门槛比较高,react的语法结构对于有较强JS功底的程序员来说比较容易理解和学习
b.单页面应用(一个页面、其余的渲染全是JS来实现,难度增大)【所有前端脚手架技术的通病】
5.前后端分离的优势?
a.传统的网站开发,特别是后台管理系统为数居多
b.通常开发后台的开发者,往往需要自己写页面渲染,对于他们来说这个一个噩梦
c.前后端分离后后端服务只需要提供一套接口,前端的控件样式任意修改,迁移都不会影响到功能
d.如:用户登录的按钮,我可以把它放到页面的任何地方甚至其他页面上,它实现的功能是不会发生改变的
6.react项目结构
a.全局一个html,其余全是js进行渲染
b.下面是我基于蚂蚁ui搭建的react项目

c.项目地址:https://github.com/xnfg/reactDemo
d.运行效果

网友评论