In the "React Chinese Reference Manual", React is a JAVASCRIPT library used to build user interfaces. React is mainly used to build UI. Many people think of React as the V (view) in MVC. React originated as an internal project at Facebook to build the Instagram website and was open sourced in May 2013. React has high performance and very simple code logic. More and more people have begun to pay attention to and use it.
React (sometimes called React.js or ReactJS) is an open source JavaScript library that provides an HTML view for data. React views are typically rendered using components that contain other components specified in custom HTML markup.
React provides programmers with a model where sub-components cannot directly affect outer components ("data flows down"), efficient updates to HTML documents when data changes, and between components in modern single-page applications. Clean separation.
React was created by Facebook software engineer Jordan Walke. It was influenced by XHP, PHP's HTML component framework. The framework was first deployed on Facebook’s newsfeed in 2011 and then on Instagram in 2012. It was open sourced at JSConf US in May 2013.
Tips: Before starting to learn React, you need to have knowledge of HTML5, CSS, JavaScript Basics.
Let’s experience the first react instance!
First react instance
Instance
<!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>Run instance»
Click "Run Example" button to view online examples
Because React's design idea is extremely unique, it is a revolutionary innovation, its performance is outstanding, and the code logic is very simple. Therefore, more and more people are beginning to pay attention to and use it, thinking that it may be the mainstream tool for web development in the future.
Tips: Our React tutorial will help you learn step by step how to master and apply React. If you have any questions, please go to the PHP Chinese website React CommunityAsk your questions and enthusiastic netizens will answer them for you.
Features of React:
Declarative design: React adopts a declarative paradigm, which can easily describe applications.
Efficient: React minimizes interaction with the DOM by simulating the DOM.
Flexible: React plays well with known libraries or frameworks.
Content covered by this React tutorial manual
This React tutorial manual covers all basic usage methods of React, including React installation, React element rendering, React JSX, React components, Knowledge of React Props, React AJAX, React practical processing, etc.
Tips: Each chapter of this tutorial contains many React examples. You can directly click the "Run Example" button to view the results online. These examples will help you better understand and use React.
Latest chapter
- 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
Related courses
- Quick introduction to web front-end development 2021-12-10
- The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Gulp Getting Started Video Tutorial 2022-04-18
- Brothers in Arms Gao Luofeng CSS3 video tutorial 2022-04-20
- AngularJS development web application basic example video tutorial 2022-04-18
- Ajax full contact 2022-04-13
- MUI framework basic video tutorial 2022-04-13
- Online training class trial class 2019-01-10