Qu'y a-t-il dans le seau de la famille React ?

React est disponible dans tous les buckets : 1. React est le noyau ; 2. Redux est équivalent à la base de données ; 3. React Router est une solution de routage spécialement conçue pour React 4. axios est utilisé pour les navigateurs et Client http Node js ; 5. Ant Degisn est une bonne bibliothèque React.

L'environnement d'exploitation de ce tutoriel : système Windows7, version React17, ordinateur thinkpad t480.

React est disponible dans tous les compartiments :

1. React

Le cœur de React.

2. redux

redux est équivalent à une base de données et peut être utilisé comme base de données locale, réagir-redux peut compléter l'abonnement aux données et redux-thunk peut réaliser un travail asynchrone. action, redux-logger est le middleware de journalisation de redux.

3. React-Router

React Router est une solution de routage spécialement conçue pour React. Il utilise l'API d'historique de HTML5 pour gérer l'historique des sessions du navigateur.

React Router est divisé en quatre packages : réagir-router, réagir-router-dom, réagir-router-native et réagir-router-config. React-Router fournit des composants et des fonctions de routage de base. réagir-router-config est utilisé pour configurer le routage statique (toujours en cours de développement), et les deux autres fournissent des composants spécifiques requis pour l'environnement d'exécution (navigateur et réactif natif).

Pour créer le site Web (qui fonctionnera dans un environnement de navigateur), nous devons installer React-Router-dom. Étant donné que React-Router-dom expose déjà les objets et les méthodes exposés dans React-Router, il vous suffit d'installer et de référencer react-router-dom.

4. axios

axios est un client http basé sur Promise pour les navigateurs et Node.js. Vous pouvez envoyer des requêtes http telles que get et post pour interagir avec le serveur.

5. antd

Ant Degisn est une bonne bibliothèque d'interface utilisateur React. Elle ressemble un peu au bootstrap que nous connaissons, de la mise en page aux boutons en passant par le texte. invite. Tout ce dont vous avez besoin.

Recommandations d'apprentissage gratuites associées : javascript(vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!