React新的前端思维方式

• 在使用JSX的代码文件中，即使代码中并没有直接使用React，也一定要导入这个React，这是因为JSX最终会被转译成依赖于React的表达式

JSX

• 所谓JSX，是JavaScript的语法扩展（eXtension），让我们在JavaScript中可以编写像HTML一样的代码
• 在JSX中可以通过onClick这样的方式给一个元素添加一个事件处理函数

JSX是进步还是倒退

• 以前用HTML来代表内容，用CSS代表样式，用JavaScript来定义交互行为，这三种语言分在三种不同的文件里面，实际上是把不同技术分开管理了，而不是逻辑上的“分而治之”
• 在HTML中使用onclick的缺点
  
• 在JSX中的onClick
  onClick挂载的每个函数，都可以控制在组件范围内，不会污染全局空间
  无论有多少个onClick出现，其实最后都只在DOM树上添加了一个事件处理函数，挂在最顶层的DOM节点上
  因为React控制了组件的生命周期，在unmount的时候自然能够清除相关的所有事件处理函数
  

分解React应用

之后再写…