Im „React Chinese Reference Manual“ ist React eine JAVASCRIPT-Bibliothek, die zum Erstellen von Benutzeroberflächen verwendet wird. React wird hauptsächlich zum Erstellen einer Benutzeroberfläche verwendet. Viele Leute denken, dass React das V (Ansicht) in MVC ist. React entstand als internes Projekt bei Facebook zum Aufbau der Instagram-Website und wurde im Mai 2013 als Open Source bereitgestellt. React hat eine hohe Leistung und eine sehr einfache Codelogik. Immer mehr Menschen achten darauf und nutzen es.
React (manchmal auch React.js oder ReactJS genannt) ist eine Open-Source-JavaScript-Bibliothek, die eine HTML-Ansicht für Daten bereitstellt. React-Ansichten werden normalerweise mithilfe von Komponenten gerendert, die andere im benutzerdefinierten HTML-Markup angegebene Komponenten enthalten.
React bietet Programmierern ein Modell, bei dem Unterkomponenten keinen direkten Einfluss auf äußere Komponenten haben („Daten fließen nach unten“), effiziente Aktualisierungen von HTML-Dokumenten bei Datenänderungen und eine saubere Trennung zwischen Komponenten in modernen Einzelseitenanwendungen .
React wurde von Jordan Walke, einem Softwareentwickler bei Facebook, erstellt. Es wurde von XHP, dem HTML-Komponenten-Framework von PHP, beeinflusst. Das Framework wurde erstmals 2011 im Newsfeed von Facebook und dann 2012 auf Instagram eingesetzt. Es wurde im Mai 2013 auf der JSConf US als Open Source bereitgestellt.
Tipp: Bevor Sie mit dem Erlernen von React beginnen, benötigen Sie HTML5, CSS, JavaScript Grundlagen.
Lassen Sie uns die erste Reaktionsinstanz erleben!
Erste Reaktionsinstanz
Instanz
<!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>Instanz ausführen»
Klicken Sie auf „Ausführen“. Beispiel" Klicken Sie auf die Schaltfläche, um Online-Beispiele anzuzeigen
Da die Designidee von React äußerst einzigartig ist, handelt es sich um eine revolutionäre Innovation, die Leistung ist hervorragend und die Codelogik ist sehr einfach. Daher achten und nutzen immer mehr Menschen darauf und glauben, dass es in Zukunft das Mainstream-Tool für die Webentwicklung sein könnte.
Tipps: Unser React-Tutorial hilft Ihnen, Schritt für Schritt zu lernen, wie Sie React beherrschen und anwenden. Wenn Sie Fragen haben, besuchen Sie bitte die chinesische PHP-Website React CommunityStellen Sie Ihre Fragen und begeisterte Internetnutzer werden sie für Sie beantworten.
React-Funktionen:
Deklaratives Design: React übernimmt ein deklaratives Paradigma, mit dem sich Anwendungen leicht beschreiben lassen.
Effizient: React minimiert die Interaktion mit dem DOM durch Simulation des DOM.
Flexibel: React funktioniert gut mit bekannten Bibliotheken oder Frameworks.
Was dieses React-Tutorial-Handbuch behandelt
Dieses React-Tutorial-Handbuch behandelt alle grundlegenden Verwendungsmethoden von React, einschließlich React-Installation, React-Element-Rendering, React JSX, React-Komponenten, Kenntnisse über React Props, React AJAX, React praktische Verarbeitung usw.
Tipps: Jedes Kapitel dieses Tutorials enthält viele React-Beispiele. Sie können direkt auf die Schaltfläche „Beispiel ausführen“ klicken, um die Ergebnisse online anzuzeigen. Diese Beispiele helfen Ihnen, React besser zu verstehen und zu verwenden.
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
- Kurze Einführung in die Web-Frontend-Entwicklung 2021-12-10
- Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Gulp Erste Schritte-Video-Tutorial 2022-04-18
- Brothers in Arms Gao Luofeng CSS3-Video-Tutorial 2022-04-20
- Grundlegendes Beispiel-Video-Tutorial für die AngularJS-Entwicklungswebanwendung 2022-04-18
- Ajax-Vollkontakt 2022-04-13
- Grundlegendes Video-Tutorial zum MUI-Framework 2022-04-13
- Online-Schulung, Probestunde 2019-01-10