Heim >Web-Frontend >js-Tutorial >Was ist im React-Familieneimer enthalten?

Was ist im React-Familieneimer enthalten?

coldplay.xixi
coldplay.xixiOriginal
2020-12-11 09:39:096940Durchsuche

React ist in allen Buckets verfügbar: 1. React ist der Kern; 2. Redux entspricht der Datenbank; 3. React Router ist eine speziell für React entwickelte Routing-Lösung; 4. Axios wird für Browser und Node-JS-HTTP-Clients verwendet 5. Ant Degisn ist eine gute React-Bibliothek.

Was ist im React-Familieneimer enthalten?

Die Betriebsumgebung dieses Tutorials: Windows7-System, React17-Version, Thinkpad T480-Computer.

React Family Bucket hat:

1, den Kern von React

React.

2. Redux

Redux entspricht einer Datenbank und kann als lokale Datenbank verwendet werden. React-Redux kann Datenabonnements abschließen, Redux-Thunk kann asynchrone Aktionen implementieren, redux-logger Es ist die Protokoll-Middleware von Redux. redux-logger是redux的日志中间件。

3、react-router

React Router 是专为 React 设计的路由解决方案。它利用HTML5 的history API,来操作浏览器的 session history (会话历史)。

React Router被拆分成四个包:react-router,react-router-dom,react-router-native和react-router-config。react-router提供核心的路由组件与函数。react-router-config用来配置静态路由(还在开发中),其余两个则提供了运行环境(浏览器与react-native)所需的特定组件。

进行网站(将会运行在浏览器环境中)构建,我们应当安装react-router-dom。因为react-router-dom已经暴露出react-router中暴露的对象与方法,因此你只需要安装并引用react-router-dom

3. React-Router

React Router ist eine Routing-Lösung, die speziell für React entwickelt wurde. Es verwendet die Verlaufs-API von HTML5, um den Sitzungsverlauf des Browsers zu verwalten.

React Router ist in vier Pakete unterteilt: React-Router, React-Router-Dom, React-Router-Native und React-Router-Config. React-Router stellt zentrale Routing-Komponenten und -Funktionen bereit. „react-router-config“ wird zum Konfigurieren statischer Routen verwendet (noch in der Entwicklung), und die anderen beiden stellen spezifische Komponenten bereit, die für die laufende Umgebung erforderlich sind (Browser und React-Native).

Um die Website zu erstellen (die in einer Browserumgebung ausgeführt wird), sollten wir „react-router-dom“ installieren. Da „react-router-dom“ die in „react-router“ bereitgestellten Objekte und Methoden bereits verfügbar macht, müssen Sie nur react-router-dom installieren und referenzieren.

4. axios

axios ist ein Promise-basierter http-Client für Browser und Node.js. Sie können HTTP-Anfragen wie „get“ und „post“ senden, um mit dem Server zu interagieren. 5, antdAnt Degisn ist eine gute React-UI-Bibliothek. Sie ähnelt ein wenig dem uns bekannten Bootstrap. Sie hat alles vom Seitenlayout über Schaltflächen bis hin zu Textblasen.

Verwandte kostenlose Lernempfehlungen: 🎜🎜🎜Javascript🎜🎜🎜(Video)🎜🎜🎜

Das obige ist der detaillierte Inhalt vonWas ist im React-Familieneimer enthalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Wie schreibe ich if in jqueryNächster Artikel:Wie schreibe ich if in jquery