React简介

1. 专注视图层
   没有固定的所谓的MVC/MVVM模式的框架。专注于view层，非常灵活。熟悉javascript和react主要思想即可构建应用。

2. Virtual DOM
   本质上的把真实DOM转变成javascript对象树，也就是虚拟DOM。通常所做的DOM操作统一修改虚拟DOM，然后统一渲染，节约资源，提高性能。

3. 函数式编程
   react精髓所在。（对于函数式编程还没有系统的去了解，在此打个标记）

JSX语法

1. 最外层只允许一层嵌套
2. 标签必须闭合
3. 在一个组件的子元素位置使用注释要用 {} 包起来
4. class要写成className；for要写成htmlFor
5. 自定义属性data-xxx
6. js表达式用{}来写代码块
7. html转义的处理

• 直接使用UTF-8字符
• 使用Unioncode编码查询编码
• 使用 dangerouslySetInnerHTML 属性

//注释例子
const App = (
  <Nav>
  { /* 节点注释 */}
  <Person
  /* 多行
  注释 */
  name={window.isLoggedIn ? window.name : ''}
/>
</Nav>
);
//转义例子
<div dangerouslySetInnerHTML={{__html: 'cc &copy; 2015'}} />

React组件