Quels plugins existe-t-il pour réagir ?

Les plug-ins React incluent : 1. Redux, qui fournit une gestion d'état prévisible ; 2. MobX, qui rend la gestion d'état simple et évolutive grâce à une programmation réactive fonctionnelle ; 3. Redux Thunk, le middleware de traitement asynchrone de Redux 4, Dva, un logiciel de traitement de données ; solution de flux basée sur redux et redux-saga ; 5. Ant design, une bibliothèque de composants React UI 6. React-icons, une riche bibliothèque d'icônes basée sur React 7. Viser, une bibliothèque de visualisation ;

L'environnement d'exploitation de ce tutoriel : système Windows 7, version React18, ordinateur Dell G3.

Afin d'améliorer l'efficacité du développement de projets React, voici un résumé de quelques plug-ins couramment utilisés pour les projets React. 1. Gestion de l'état middleware

Redux Saga : middleware Redux, utilisé pour gérer les effets secondaires des applications (effets secondaires, tels que l'acquisition asynchrone de données, l'accès au cache du navigateur, etc.)

Dva : une solution de flux de données pour redux et redux -saga

• 2. Bibliothèque de composants d'interface utilisateur

Ant design : bibliothèque de composants d'interface utilisateur React basée sur le système de conception Ant Design, principalement utilisée pour développer des produits intermédiaires et back-end au niveau de l'entreprise
Ant design mobile : bibliothèque de composants mobiles React UI basée sur le système de conception Ant Design
MaterialUI : la bibliothèque React UI la plus populaire au monde basée sur la conception de textures

Boîte à outils React : un ensemble de fonctions utilisant des modules CSS. implémentez la spécification Material Design de Google

React Virtualized : une solution React capable de restituer de grandes listes et des tableaux
Fabric UI : une collection de frameworks UX open source de Microsoft pour créer du code partagé, des conceptions et de belles applications multiplateformes pour comportement interactif
React Desktop : une bibliothèque JavaScript basée sur React conçue pour apporter une expérience de bureau native sur le Web, avec de nombreux composants macOS Sierra et Windows 10 inclus. React-desktop est parfaitement intégré à NW.js et Electron.js, mais peut être utilisé dans n'importe quel projet basé sur JavaScript
Zent : la spécification WebUI côté PC de Youzan, l'implémentation de React, fournit un ensemble complet de composants d'interface utilisateur de base et certains Composants métier couramment utilisés
react-icons : une riche bibliothèque d'icônes basée sur l'encapsulation React

• 3 Classe d'outils

react-copy-to-clipboard : copie basée sur React. -clipboard Composant de planche à découper
qrcode.react : composant basé sur React pour générer des codes QR
nprogress : composant de barre de progression supérieur adapté à YouTube, Medium, etc.

react-syntax-highlighter : React -composant de mise en évidence de code basé sur React

react-contextmenu : composant de menu contextuel

• 4. Visualisation des données

AntV : contient G2, G6, F2, L7 et un ensemble complet de spécifications d'utilisation et de conception de graphiques, répondant à de puissants besoins de visualisation de données
G2Plot : Unboxing basé sur le package G2 Ready -pour utiliser la bibliothèque de composants visuels
recharts : une bibliothèque de graphiques personnalisés construite à l'aide de React et D3
Viser : une bibliothèque de visualisation qui prend en charge une variété de frameworks grand public

• 5, effets d'animation/mouvement

Halogen : Une collection d'animations de chargement utilisant React

react-move : De superbes animations React basées sur les données en seulement 3,5 Ko (gzip)
react-spring : Une collection d'animations de chargement basée sur la physique du printemps Bibliothèque d'animation
Ant Motion : fournit un élément unique, une animation combinée et un ensemble complet de solutions d'animation
scenejs : bibliothèque d'animation basée sur une chronologie JavaScript et CSS
react-text-loop : animation de carrousel de texte

6, glisser/tri

react-beautiful-dnd : belle bibliothèque de glisser-déposer de liste portable
react-dnd : nous aide à créer une interface glisser-déposer complexe tout en maintenir la séparation des composants
react-moveable : une bibliothèque de glisser flexible et puissante qui prend en charge les lignes de glisser, de zoom et de référence gratuites
react-grid-layout : une puissante bibliothèque de glisser, de trier et de zoomer en grille
mixitup : une puissante bibliothèque d'animation de tri de cartes de liste

7, traitement d'image

react-image-crop : une puissante bibliothèque de recadrage d'images
react-sparklines : basée sur des données génère automatiquement des lignes de tendance
dom-to-image : une bibliothèque de canevas qui génère des images basées sur DOM
react-img-editor : éditeur d'images

8. Lié à l'éditeur

• braft-editor : éditeur de texte enrichi

• powerNice : éditeur de markdown/rich text

• GGEditor : éditeur de graphiques visuels

• réagir-codemirror2 : Éditeur de code

• éditeur json : éditeur json

• h5-dooring : éditeur de page H5

9.

react-amap : plug-in Amap

• @uiw/react-baidu-map : Baidu map
• 10, échafaudage

Créer l'application React : débuter un React incontournable échafaudage infaillible pour les universitaires

Next.js : créer un rendu côté serveur Échafaudage React

• umi : cadre d'application frontale de niveau entreprise

• webpack3_react : compatible avec IE9+ et fournit un React complet solution de seau familial

• 【Recommandations associées :
Tutoriel vidéo Redis
• 】

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!