Maison  >  Article  >  interface Web  >  Quelle est la différence entre weex et React Native

Quelle est la différence entre weex et React Native

coldplay.xixi
coldplay.xixioriginal
2020-11-26 17:01:503845parcourir

La différence entre weex et React Native : 1. Du point de vue de la conception, React Native est similaire à de nombreux langages oop, tandis que Weex ressemble davantage à du HTML pour le développement Web. 2. Weex peut compiler du code côté Web ; mais le natif ne peut pas réagir.

Quelle est la différence entre weex et React Native

  • Cette méthode convient à toutes les marques d'ordinateurs

weex Différence avec React Native :

weex

Introduction :

weex est une application open source par Alibaba en juin 2016 Utilisée pour créer un framework d'interface utilisateur multiplateforme mobile

Caractéristiques :

  • Léger : syntaxe légère et simple, facile à utiliser

  • Extensible : extensible, composants intégrés riches, API extensible,

  • Haute performance : hautes performances

Concept de base :

Write Once Run Everywhere

Basé sur le framework de développement JS :

weex basé sur vue.js

React Native

Introduction :

Le framework d'interface utilisateur multiplateforme open source par Facebook lors de la F8 Developer Conference en mars 2015

Concept de base : APPRENDRE UNE FOIS, ÉCRIRE PARTOUT

Basé sur le framework de développement JS :

React Native est basé sur React

Similarités et différences entre Weex et React Native

Similarités :

  • adoptent tous le modèle de développement Web et utilisent le développement JS

  • peuvent tous déboguer le code JS directement dans Chrome ;

    Les deux prennent en charge le développement multiplateforme ;
  • peuvent tous implémenter le rechargement à chaud et vérifier l'effet lors de la mise à jour du code ; >Différences :
  • 1. React-native est similaire à React, tandis que weex est le système de vue.

  • 2. Du point de vue de la conception, React-Native est similaire à de nombreux langages oop, tandis que Weex ressemble davantage à du HTML pour le développement Web. React-Native ne combine pas de page (templet), de fonction (script) et de style. (css) comme weex. ) est divisé en trois emplacements d'écriture de code spécifiques dans un .vue, réagissez-native peut définir des scripts d'exécution dans la page

3. Chargement du package : le package de chargement réactif-native chargera l'intégralité js via un fichier d'entrée. bundle et weex peuvent respectivement charger le js correspondant, ce qui peut affecter la vitesse de chargement correspondante 4. Le format du package de sortie : react-native génère un gros fichier bundle et weex produit multiple Sous la forme d'un fichier .js, lorsque React-Native génère le package, il génère le framework dépendant dans le bundle, tandis que weex génère des packages de logique fonctionnelle spécifiques et les packages de dépendances correspondants sont fournis par la couche framework de weex. Weex peut naturellement prendre en charge le sous-packaging et résoudre le problème de la vitesse de chargement des itérations de mise à jour. React-native doit être sous-packagé via bundle-metro ou d'autres formes pour optimiser la vitesse de chargement du package

5. React-Native a de nombreuses structures de conception pour le prendre en charge. Weex semble être mvc. La gestion de l'état de React-native est mieux implémentée ?

6. 🎜>

7. Weex peut compiler du code côté web,

ne le peut pas, React-native est plus axé sur le mobile

8. Au niveau de la configuration, React-native ne fournit qu'un package.json pour organiser le projet clairement, alors que weex fait beaucoup de configurations d'environnement

9. Différences dans les méthodes d'empaquetage React-native utilise des commandes pour créer jsbundle, puis utilise des commandes natives pour créer le package d'installation pour le correspondant. Pour le packaging weex, il peut être directement empaqueté dans la plateforme correspondante, si vous utilisez uniquement le package js incrémentiel, le package correspondant sera généré sous la forme d'une exécution weex

. Recommandations d'apprentissage gratuites associées :

javascriptreact-native(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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn