初识 React + Antd + webpack 简单实例 (可预览)

前言

实践于 2018 年 5 月

React China 中文社区
Github 源码
React + Antd + webpack 预览
在这里插入图片描述
目录介绍
在这里插入图片描述
相关页面
Actd的表单
Echarts 插件
富文本Editor

最后呢,简单介绍一下React 和 React Native 的区别 !

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更新完毕,才渲染到页面,简单来说只更新了相比之前改变了的部分,而不是全部刷新,所以效率很高。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章