React 教程

React 是用于构建用户界面的 JAVASCRIPT 库

React用于构建UI,是 MVC 中的 V(视图)

React 源于 Facebook 内部项目,架设 Instagram 的网站,2013 年 5 月开源

React 高性能,代码逻辑简单,越来越多的人已开始关注和使用


React 特点

  • 1.声明式设计 −React采用声明范式,轻松描述应用。

  • 2.高效 −React通过对DOM的模拟,减少与DOM的交互

  • 3.灵活 −React与已知的库或框架很好地配合。

  • 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但建议使用

  • 5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够应用在大项目的开发中

  • 6.单向响应的数据流 − React 单向响应的数据流,减少重复代码,比传统数据绑定更简单


阅读本文前,您需要了解的知识:

在开始学习 React 之前,您需要具备以下基础知识:

  • HTML5

  • CSS

  • JavaScript


React 第一个实例

在线编辑实例,然后点击按钮查看结果。
https://g.alicdn.com/code/lib/react/16.8.6/umd/react.production.min.js
https://github.com/facebook/react/releases

本文 React 版本 16.4.0,官网 https://reactjs.org/ 下载最新版

React 实例

<div id="example"></div><script type="text/babel">ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('example') );</script>

尝试一下 »