React学习日记1


001

React Introduction

react只需要关注页面,react是将数据渲染成HTML视图的开源JavaScript库

Facebook开发

原生JS的缺点

  1. 原生JavaScript操作DOM繁琐效率低(DOM-API操作UI)
  2. 使用JavaScript直接操作DOM,浏览器会引起大量的重绘重排
  3. 原生JavaScript没有组件化的编码方案,代码复用率低

React的特点

  1. 采用组件化模式,声明式编码,提高开发效率和组件复用率
  2. 在React Native中可以使用React语法进行移动端开发(Android,iOS)
  3. 使用虚拟DOM+DIff算法,尽量减少与真实DOM的交互

002

babel.min.js:

  1. ES6 ? ES5
  2. jsx ? js

一个hello React案例










  
  

003

创建虚拟DOM的两种方式

1. 使用jsx

2. 通过js[不推荐]  最终jsx会被Babel翻译成js这样