umijs est un framework de réaction ; umijs est un framework d'application de réaction enfichable au niveau de l'entreprise, basé sur le routage, prenant en charge le routage conventionnel comme "next.js", ainsi que diverses fonctions de routage avancées, et l'utilisant pour étendre les fonctions ; un système de plug-in avec un cycle de vie complet, couvrant chaque cycle de vie, du code source aux produits construits, prenant en charge diverses extensions fonctionnelles et besoins commerciaux.
L'environnement d'exploitation de ce tutoriel : système Windows 10, version React 17.0.1, ordinateur Dell G3.
umijs est un framework de réaction
umi prétend officiellement être un cadre d'application de réaction enfichable au niveau de l'entreprise. Umi est basé sur le routage, prend en charge le routage conventionnel de type next.js et diverses fonctions de routage avancées, et l'utilise pour étendre les fonctions, telles que la prise en charge du chargement à la demande au niveau du routage. Ensuite, il est équipé d'un système de plug-ins complet, couvrant chaque cycle de vie, du code source aux produits construits, prenant en charge diverses extensions fonctionnelles et besoins commerciaux. Actuellement, il existe plus de 50 plug-ins en interne et en externe.
Umi est le cadre frontal sous-jacent d'Ant Financial et a servi directement ou indirectement plus de 600 applications, y compris la prise en charge des applications Java, node, H5 sans fil, hors ligne (hybrides), des applications d'actifs frontaux purs, des applications CMS, etc. Il a bien servi nos utilisateurs internes et j’espère qu’il pourra également bien servir nos utilisateurs externes.
Umi, qui peut être prononcé comme Wumi en chinois, est un cadre d'application front-end évolutif au niveau de l'entreprise. Umi est basé sur le routage et prend en charge à la fois le routage configuré et le routage conventionnel pour garantir des fonctions de routage complètes et étendre les fonctions en conséquence. Ensuite, il est équipé d'un système de plug-ins avec un cycle de vie complet, couvrant chaque cycle de vie, du code source aux produits construits, prenant en charge diverses extensions fonctionnelles et besoins commerciaux.
Élargissez vos connaissances :
Il a principalement les fonctions suivantes :
1. Extensible. Umi implémente un cycle de vie complet et fait en sorte que les fonctions internes d'Umi soient toutes complétées par des plug-ins. Les plug-ins et ensembles de plug-ins sont également pris en charge pour répondre aux besoins hiérarchiques des domaines fonctionnels et verticaux.
2. Prêt à l'emploi, Umi intègre le routage, la construction, le déploiement, les tests, etc., et vous n'avez besoin que d'une seule dépendance pour commencer le développement. Il fournit également un ensemble de plug-ins intégrés pour React, avec des fonctions riches pouvant répondre à 80 % des besoins de développement quotidiens.
Pourquoi pas? créer-réagir-application
create-react-app est une solution de couche d'empaquetage basée sur webpack, comprenant build, dev, lint, etc. Elle maximise l'expérience dans la couche d'empaquetage, mais elle n'inclut pas le routage, ce n'est pas un framework et elle ne prend pas en charge configuration. Par conséquent, si vous souhaitez modifier certaines configurations en fonction de celle-ci, ou si vous souhaitez parvenir à une convergence technique en dehors de la couche packaging, vous rencontrerez des difficultés.
# Créer un répertoire $ mkdir myapp && cd myapp # Installer les dépendances $ Yarn Add umi # Créer une page $ npx umi g page index --typescript --less # Démarrer le développement $ npx umi dev