React peut-il être rendu mobile ?

React peut être utilisé sur les terminaux mobiles et convient également aux terminaux mobiles, mais il ne convient pas aux terminaux PC ; car l'utilisation de React sur les terminaux PC nécessite de refaire de nombreux composants existants, y compris, mais sans s'y limiter, la classe de graphiques highCharts et les composants de base de dataPicker. , et les applications Web mobiles sont exactement Il n'y a pas besoin de composants aussi complexes, ce qui offre la possibilité de réécrire les composants lors de l'écriture de projets mobiles.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

React peut-il être rendu mobile ?

react peut être utilisé sur les appareils mobiles et convient aux appareils mobiles, mais pas aux appareils PC.

Raisons :

1. L'utilisation de React côté PC nécessite de refaire de nombreux composants existants, y compris, mais sans s'y limiter, la classe de graphiques highCharts et les composants de base dataPicker.

2. Les applications Web mobiles n'ont pas besoin de composants aussi complexes, ce qui offre la possibilité de réécrire les composants lors de l'écriture de projets mobiles.

Le côté PC nécessite du référencement, mais le côté mobile n'en a fondamentalement pas besoin, il est donc possible d'utiliser ce type de données pour post-charger le framework.

3. La bibliothèque de base React + es6 + Route + redux + tappable compilée avec webpack coûte moins de 200 000 après minify et environ 50 000 après gzip. Donc clairement, il est adapté aux terminaux mobiles.

4. Qu'il s'agisse d'utiliser une mise en cache forte de etag ou Expires, ou d'utiliser localStorage pour la mise en cache. La bibliothèque de base de 50 000 accessible pour la première fois n'est pas une blessure mortelle pour les utilisateurs de 2g. La blessure mortelle pour 2g est l'énorme temps de RTT. Avec React, il n'y a fondamentalement pas besoin de zepto pour les opérations. Il n'y a pas besoin de zepto après 13 000 gzip, et il y a un moteur de modèle de moins à utiliser.

5. Après avoir utilisé es6, la compilation de code sera nettement plus volumineuse, mais évidemment ces dizaines de K ne sont pas une raison pour empêcher l'utilisation de React.

Vous pouvez essayer la page d'accueil du service municipal dans le portefeuille WeChat. Je viens d'essayer React et cela peut être fait en quelques secondes, je le pousserai vers d'autres projets commerciaux WeChat à l'avenir.

Apprentissage recommandé : "Tutoriel vidéo React"

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!