什么是js数据流_React是什么？React特点及框架整理-React上

学习是个吃苦的过程，而学编程那就是个更吃苦的事情，一个技术点需要上万的字来说明，一个实现页面需要上万的代码数据来凑，既然走上了这条路，愿大家无怨无悔，今天为大家带来了关于前端开发项目中javascript库中recact详解，你看或者不看，它就在这里。

Web前端教程

一、React是什么？

React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。使用React可以将一些简短、独立的代码片段组合成复杂的UI界面，这些代码片段被称为”组件”。

二、React特点

1. 声明式设计 -React采用声明方式，可以轻松描述应用。

2. 高效 -React通过对DOM的模拟，最大限度地减少与DOM的交互。

3. 灵活 -React可以与已知的库或框架很好地配合。

4. JSX -JSX是JavaScript语法的扩展。React开发不一定使用JSX，但我们建议使用它。

5. 组件 -通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。

6. 单向响应式的数据流 - React实现了单向相应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

三、引入React.js库

React.js框架本身包含两个部分：

1. react.js：提供了React.js核心功能代码，如：虚拟dom、组件

2. React-dom.js：提供了与浏览器交互的DOM功能，如：dom渲染

Document

需注意：最后一个script标签的type属性为text / jsx。这是因为React独有的JSX语法，跟JavaScript不兼容。凡是使用JSX的地方，都要加上type=’text/jsx’。

js/app.js

ReactDOM.render(

'

Hello,world!

',

document.getElementById('app')

);

上面代码将一个h1标签插入app节点，运行结果如下：

React.render()

ReactDOM.render(element,container[,callback])

element: 要渲染的内容

container: 要渲染的内容存放容器

callback: 渲染后的回调函数

以上是酷仔今日整理的“React是什么？React特点及框架整理”一文，希望为正在学习Web前端的同学提供参考。