在《React中文参考手册》中,React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
React(有时叫React.js或ReactJS)是一个为数据提供渲染为HTML视图的开源JavaScript 库。React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。
React为程序员提供了一种子组件不能直接影响外层组件("data flows down")的模型,数据改变时对HTML文档的有效更新,和现代单页应用中组件之间干净的分离。
React由Facebook 的软件工程师Jordan Walke创建。他受到PHP的HTML组件框架XHP影响。该框架首先于2011年部署于Facebook的 newsfeed,随后于2012年部署于Instagram。它于2013年5月在JSConf US开源。
提示:在开始学习 React 之前,您需要具备HTML5、CSS、JavaScript的基础知识。
下面让我们感受第一个react实例!
第一个react实例
实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
由于 React的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。
提示:我们的React教程将帮助您逐步学习如何掌握并应用React,如果你有任何疑问,请前往PHP中文网React社区提出你的问题,会有热心网友为你解答。
React特点:
声明式设计:React采用声明范式,可以轻松描述应用。
高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。
灵活:React可以与已知的库或框架很好地配合。
本React教程手册涵盖的内容
本React教程手册涵盖所有React基础使用方法,包含React安装、React元素渲染、React JSX、React组件、React Props、React AJAX、React实践处理等等知识。
提示:本教程的每一章都包含了很多React实例,您可以直接点击 "运行实例" 按钮在线查看结果。这些例子将帮助您更好地理解和使用React。
Neuestes Kapitel
- React Refs 2016-10-19
- React 表单与事件 2016-10-19
- React AJAX 2016-10-19
- React 组件生命周期 2016-10-19
- React 组件 API 2016-10-19
- React Props 2016-10-19
- React State(状态) 2016-10-19
- React 组件 2016-10-19
Ähnliche Kurse
- Web前端开发极速入门 2021-12-10
- 最懂你的大前端课:HTML5/CSS3/ES6/NPM/Vue/...【原创】 2022-09-30
- Gulp入门视频教程 2022-04-18
- 兄弟连高洛峰CSS3视频教程 2022-04-20
- AngularJS开发Web应用程序基础实例视频教程 2022-04-18
- Ajax全接触 2022-04-13
- MUI框架基础视频教程 2022-04-13
- 线上培训班试听课 2019-01-10