React 简介

用于构建用户界面的 JavaScript 库。

为什么学习 React

作为前端三大框架，不需要多说，一定要学，以前觉得 React 用的人少，没有必要学，但是现在发现 React 用的人貌似越来越多，之前的想法还是错了，还是要学习。学好后，以后建立上就可以写 Vue, React, Angular 了。不过主攻方向还是 Vue。Vue 还有很多可以学习的东西。

开始

React 的核心库是 react.development.js React 扩展库 react-dom.development.js JSX 语法支持 babel.min.js

在页面中直接引入这 3 个库即可开始用 React 开发代码，学习起来很方便。

<script src="../libs/react.development.js"></script>
<script src="../libs/react-dom.development.js"></script>
<script src="../libs/babel.min.js"></script>

然后我们编写第一个 React 脚本

<script type="text/babel">
    const id = 'thisIsAId'
    const text = 'Hello world!'
    const VDOM = <h1 id={id}>
        <span>{text.toLocaleLowerCase()}</span>
    </h1>
    ReactDOM.render(VDOM, document.getElementById('app'))
</script>

下面是一张图片

上面是一张图片