Heim >Web-Frontend >js-Tutorial >Was ist im React-Familieneimer enthalten?
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.
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
Verwandte kostenlose Lernempfehlungen: 🎜🎜🎜Javascript🎜🎜🎜(Video)🎜🎜🎜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.
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!