React ist ein progressives Framework; React ist eine JavaScript-Bibliothek, die zum Erstellen von Benutzeroberflächen verwendet wird. Das React-Framework bezieht sich normalerweise auf eine Kombination aus React, „React-Router“ und „React-Redux“, und das React-Framework ist Progressiv Durch die Verwendung einer deklarativen Codierungs-Benutzeroberfläche kann eine interaktive Benutzeroberfläche problemlos implementiert werden, wodurch der Code praktikabler und bequemer für das Debuggen wird.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.
Was ist React
Offiziell: JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen.
React ist also kein Framework, sondern eine Bibliothek für das Front-End-Datenrendering.
Das React-Framework, auf das sich die Leute oft beziehen, bezieht sich auf: die Kombination aus React+React-Router+React-Redux.
Das React-Framework ist fortschrittlich.
React entstand als internes Projekt bei Facebook. Es wurde ursprünglich zum Aufbau von Instagram verwendet und wurde später im Mai 2013 als Open Source bereitgestellt.
Funktionen von React
Hohe Leistung: Virtual DOM (Virtual DOM) arbeitet mit dem Diff-Algorithmus zusammen, um die Interaktion mit DOM zu minimieren.
Deklarativ: React verwendet eine deklarative Codierungs-Benutzeroberfläche, mit der eine interaktive Benutzeroberfläche problemlos implementiert werden kann, wodurch der Code praktikabler und bequemer für das Debuggen wird.
Komponentisierung: Der Aufbau von Komponenten durch React erleichtert die Wiederverwendung von Code und kann effizient bei der Entwicklung großer Projekte eingesetzt werden.
Einseitiger Antwortdatenfluss: Daten in React werden von oben nach unten in eine Richtung weitergeleitet. Aktualisierungen der übergeordneten Komponentendaten werden automatisch an untergeordnete Komponenten weitergeleitet, Datenaktualisierungen an untergeordneten Komponenten wirken sich jedoch nicht auf die übergeordnete Komponente aus und können nicht geändert werden die in der übergeordneten Komponente in der untergeordneten Komponente übergebenen Daten
JSX-Erweiterung: JSX ist eine Erweiterung der JavaScript-Syntax. Die React-Entwicklung verwendet nicht unbedingt JSX, die offizielle Website empfiehlt jedoch die Verwendung.
Flexibel: React kann gut mit bekannten Bibliotheken oder Frameworks zusammenarbeiten.
Erweiterte Kenntnisse:
Globale Installation von Gerüsten
$ npm i -g create-react-app
Schnelle Erstellung von Ingenieurprojekten auf Basis von Gerüsten
$ create-react-app xxx项目名称
Projektausführungsbefehl (package.json)
$ yarn start //=>开发环境下启动项目(默认会基于webpack-dev-server创建一个服务,用来随时编译和翻译开发的内容) $ yarn build //=>生产环境下,把编写的内容打包编译,放到build文件目录下(服务器部署) $ yarn eject //=>把所有隐藏在node_models 中的webpack中的配置项都暴露出来(方便自己根据项目需求,二次更改webpack配置)
[Verwandte Empfehlungen: javascript Video-Tutorials, Web-Frontend】
Das obige ist der detaillierte Inhalt vonIst React ein progressives Framework?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!