React 特性

传统 Web UI 开发存在的问题

  • 依赖 DOM API,需要关注太多的细节

React 的设计哲学

  • 始终整体刷新页面
  • 不需要操作 DOM

react-update.png

React 上手需要了解什么?

  • 1 个概念:组件(Component)
  • 1 种语法:JSX
  • 4 个必须的 API:
    • ReactDOM.render 函数让 React 组件渲染到某个具体的 DOM 节点
    • 组件的 render 函数定义如何渲染组件
    • 组件的 setState 函数用于改变组件状态,触发 render,刷新页面
    • 通过 props 从外部给 React 组件传递参数
  • 单向数据流