zhangaz1 / react-antd-demo

react + antd +webpack 基础入门分享

2018 年 5 月

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

本人更喜欢 React 的开发**和设计模式