React  

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

• 用做UI： 许多人把React当做MVC设计模式中的视图(view)，当把React成为你的技术掌握之后， 它可以很轻松应用于一个小功能的项目。
• 虚拟DOM：React用一个”虚拟DOM”实现了超高的性能，配合nodeJS也可以实现在服务端的渲染，不存在耗时的浏览器dom渲染。
• 数据流： React是一种减少引用数据流的实现方式，并且比传统的方式更容易实现数据绑定。

NEW! 查看我们最新的项目React Native, 它使用React和JavaScript创建本机APP。

第一个例子:

class HelloMessage extends React.Component{
    render(){
        return <div>Hello {this.props.name}</div>;
    }
}

ReactDOM.render(
    <HelloMessage name="John" />,
    document.getElementById('container')
);

此示例将“Hello  John!”呈现在页面上的容器里。

你会注意到我们使用类似HTML的语法，我们称之为JSX。 React不一定需要使用JSX，但是它使代码更可读，写它感觉像写HTML。

 一个简单的变换是React中包含的，它允许将JSX转换为本地JavaScript，供浏览器进行摘要。

安装

开始的最快方法是从CDN提供JavaScript:

<script src="https://unpkg.com/react@17/umd/react.production.min.js" rel="external nofollow" ></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" rel="external nofollow" ></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js" rel="external nofollow" ></script>