React学习日记1
001
React Introduction
react只需要关注页面,react是将数据渲染成HTML视图的开源JavaScript库
Facebook开发
原生JS的缺点
- 原生JavaScript操作DOM繁琐效率低(DOM-API操作UI)
- 使用JavaScript直接操作DOM,浏览器会引起大量的重绘重排
- 原生JavaScript没有组件化的编码方案,代码复用率低
React的特点
- 采用组件化模式,声明式编码,提高开发效率和组件复用率
- 在React Native中可以使用React语法进行移动端开发(Android,iOS)
- 使用虚拟DOM+DIff算法,尽量减少与真实DOM的交互
002
babel.min.js:
- ES6 ? ES5
- jsx ? js
一个hello React案例
003
创建虚拟DOM的两种方式
1. 使用jsx
2. 通过js[不推荐] 最终jsx会被Babel翻译成js这样