React + Antd 实践 demo

#1

技术栈 : React + Antd + React Router

经过React Native 的洗礼之后,写了这个 demo ;React 是为了使前端的V层更具组件化,能更好的复用,同时可以让你从操作dom中解脱出来,只需要操作数据就会改变相应的dom; 而React Native 是希望我们能够使用前端的技术栈就可以创建出能够在不同平台运行的一个框架,性能可能比原生app差一点点。

ReactJs和React Native的原理是相同的,都是由js实现的虚拟dom来驱动界面view层渲染。只不过ReactJs是驱动html dom渲染; React Native是驱动android/ios原生组件渲染。

React基于组件(component)开发,组件和组件之间通过props传递值,每个组件都有一个状态(state),当某个方法改变了这个状态值时,整个组件就会重新渲染,从而达到刷新(这里的刷新是指state的属性与之前的相比较,发生改变了就重绘,否则不变,相当于Vue里边的 watch函数)。另外,说到重新渲染就要提到虚拟dom了,就是用js模拟dom结构,等整个组件的dom更新完毕,才渲染到页面,简单来说只更新了相比之前改变了的部分,而不是全部刷新,所以效率很高。

该实践 demo 简单实践了:

1,常用 UI 框架 Antd 的表格,表单,标签页,轮播,layOut布局,栅格布局等

2,Axios 基于 ES6 Promise 的网络请求,操作,渲染,以及传值

3,在 React demo 中使用 echarts 图表,例子有柱形,折现,饼图,雷达等

4,使用了 WangEditor 富文本编辑器,

5, 项目源码

6,其它连接 echarts 柱形+折线    , cell 自动生成   , 进度条  ,vue 入门

#2

学习了 支持大神

#3

谢谢,谢谢,共勉

#4

受教了,支持黄少。

#5

:stuck_out_tongue: :confounded:

#6

请问怎么预览啊

#7

项目源码 > down 下来 > npm install 安装依赖 > npm start

1 Like
#8

安装什么依赖啊

#9

项目源码 > down 下来 > npm install > npm start ,按照这样的顺序执行,就可以预览项目,npm install 这个命令是安装项目所需要的依赖,你只需要执行就好,然后运行项目命令:npm start

1 Like
#11

感谢大佬,可以多练练手了!

#13

您有时间兼职吗?基于antd的,可否加V信bdalbbtx详细沟通?

#14

运行不了 大佬