React 基础

React 背景

React 起源于 Facebook(Meta) 的内部项目（2011，News Feed），之后又被用来开发网站（2012，Instagram），并于 2013 年 5 月开源。

React 是什么

React 是一个用于构建用户界面的 JavaScript 库。

• 用户界面：HTML 界面。

• Library（库）和 Framework（框架）：库的特点是小而巧，针对特定问题的单一解决方案。框架的特点是大而全，提供了一整套的解决方案。

React 趋势

从 NPM 下载量 来看，React > Vue > Angular。

React 特点

• 声明式

只需要描述 UI（HTML）看起来是什么样子，就像写 HTML 一样简单，React 内部负责渲染 UI，并在数据变化时自动更新 UI。

const jsx = (
    <div className='app'>
        <h1>Hello World！</h1>
        <p>动态数据：{count}</p>
    </div>
)

• 组件化

把复杂的页面拆分成一个一个的单元，这些组成页面的基本单元就是组件，通过组合、复用组件来编写复杂界面的方式，就是组件化。

• 一次学习，随处使用

使用 React 除了可以开发 Web 应用，还可以使用 React Native 开发原生移动应用，甚至可以开发 VR（虚拟现实）应用（React 360）。

• 相比较于 Vue，React 强调尽可能的利用 JS 语言自身的能力来编写 UI，而不是通过造轮子增强 HTML 的功能。