React理解 - 第一篇（React的特性）

React是用于构建用户界面的JavaScript库，他主要是有3个特性。

声明式

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。 通过JSX实现，jsx通过babel(网站地址https://www.babeljs.cn/)来将react的组件化语法来转化为Js，来达到声明式的一目了然，提升效率

class App extends React.Component {
  render() {
    return <h1 className="stat">hello world</h1>
  }
}
ReactDOM.render(<APP />, document.getElementById('root'))

// babel之后转化之后
import { jsx as _jsx } from "react/jsx-runtime";
class App extends React.Component {
  render() {
    return /*#__PURE__*/_jsx("h1", {
      className: "stat",
      children: "hello world"
    });
  }
}
ReactDOM.render( /*#__PURE__*/_jsx(APP, {}), document.getElementById('root'));

组件化

构建管理自身状态的封装组件，然后对其组合以构成复杂的 UI。 由于组件逻辑使用 JavaScript 编写而非模板，因此你可以轻松地在应用中传递数据，并保持状态与 DOM 分离。

一次学习，跨平台编写

无论你现在使用什么技术栈，在无需重写现有代码的前提下，通过引入 React 来开发新功能。