Dans le « React Chinese Reference Manual », React est une bibliothèque JAVASCRIPT utilisée pour créer des interfaces utilisateur. React est principalement utilisé pour créer une interface utilisateur. Beaucoup de gens considèrent React comme le V (vue) dans MVC. React est né d'un projet interne à Facebook visant à créer le site Web Instagram et a été open source en mai 2013. React a des performances élevées et une logique de code très simple. De plus en plus de gens ont commencé à y prêter attention et à l'utiliser.
React (parfois appelé React.js ou ReactJS) est une bibliothèque JavaScript open source qui fournit des vues HTML pour les données. Les vues React sont généralement rendues à l'aide de composants contenant d'autres composants spécifiés dans le balisage HTML personnalisé.
React fournit aux programmeurs un modèle dans lequel les sous-composants ne peuvent pas affecter directement les composants externes (« les données circulent vers le bas »), des mises à jour efficaces des documents HTML lorsque les données changent et une séparation nette entre les composants dans les applications modernes d'une seule page.
React a été créé par Jordan Walke, ingénieur logiciel chez Facebook. Il a été influencé par XHP, le framework de composants HTML de PHP. Le framework a été déployé pour la première fois sur le fil d’actualité de Facebook en 2011, puis sur Instagram en 2012. Il était open source à JSConf US en mai 2013.
Conseils : Avant de commencer à apprendre React, vous devez avoir des connaissances de base en HTML5, CSS, JavaScript.
Expérimentons la première instance de réaction !
La première instance de réaction
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>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
Parce que l'idée de conception de React est extrêmement unique, il s'agit d'une innovation révolutionnaire et a des performances exceptionnelles, la logique du code est très simple. Par conséquent, de plus en plus de gens y prêtent attention et l’utilisent, pensant qu’il pourrait devenir l’outil principal de développement Web à l’avenir.
Conseils : Notre didacticiel React vous aidera à apprendre à maîtriser et à appliquer React étape par étape. Si vous avez des questions, veuillez vous rendre sur le site Web chinois PHP React Community pour poser vos questions, et des internautes enthousiastes le feront. répondez-y pour vous.
Caractéristiques de React :
Conception déclarative : React adopte un paradigme déclaratif, qui facilite la description des applications.
Efficace : React minimise les interactions avec le DOM en simulant le DOM.
Flexible : React fonctionne bien avec des bibliothèques ou des frameworks connus.
Ce que couvre ce manuel du didacticiel React
Ce manuel du didacticiel React couvre toutes les méthodes d'utilisation de base de React, y compris l'installation de React, le rendu des éléments React, React JSX, les composants React, les accessoires React, React AJAX, le traitement pratique de React, etc. .
Conseils : Chaque chapitre de ce tutoriel contient de nombreux exemples React. Vous pouvez directement cliquer sur le bouton "Exécuter l'exemple" pour afficher les résultats en ligne. Ces exemples vous aideront à mieux comprendre et utiliser React.
Dernier chapitre
- 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
Cours connexes
- Introduction rapide au développement web front-end 2021-12-10
- Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Tutoriel vidéo de démarrage de Gulp 2022-04-18
- Tutoriel vidéo CSS3 des frères d'armes Gao Luofeng 2022-04-20
- Tutoriel vidéo d'exemple de base d'application Web de développement AngularJS 2022-04-18
- Contact complet Ajax 2022-04-13
- Tutoriel vidéo de base du framework MUI 2022-04-13
- Cours d'essai de cours de formation en ligne 2019-01-10