Quel est le moyen le plus rapide pour convertir une Réagir application de Réagir Natif?

Cela peut être une question naïve, mais je ne pouvais pas trouver trop d'informations à ce sujet.
J'ai un entièrement fonctionnel réagir-redux application, et je voudrais maintenant port pour iOS et Android. Je n'ai pas besoin d'utiliser toutes les fonctionnalités natives comme le GPS ou Appareil photo etc. En théorie, je veux juste faire une sorte de webview qui exécute l'existant Réagir application, puis le tordre jusqu'à ce qu'il a l'air plus présentable.
Ma première tentative a été de simplement utiliser ma jsbundle fichier et le coller dans le AppDelegate comme le jsCodeLocation. Que expectably causé toutes sortes d'erreurs telles que "fenêtre" n'est pas définie.

Je suppose que ma question est: comment font les gens habituellement de gérer leurs natif et non-natif code? Sont-ils complètement séparée, ou est-il une façon de recycler la plupart du code?

  • Veuillez choisir une réponse correcte
InformationsquelleAutor tbogatchev | 2016-02-17
  1. 9

    Certaines des choses réutilisables sont styles:

    var style = {
     box: {height: 30, width: 30, padding: 10, ect...}
}

    Logic tels que l'état : 

    constructor(props){
 super(props);

 this.state= {text: "hi"};
}

    l'état peut être partagé entre navite et dom comme

    <View>
<Text>this.state.text</Text>
</View>

    dom ressemble à ceci

    <div>this.state.text</div>

    Vous pouvez même partager des fonctions, mais vous devez être prudent comme il a été dit ci-dessus, aussi longtemps que vous n'êtes pas directement se prévaloir de tout dom ou refs dans votre logique.

    onClick(){
 this.setState({text: "good bye"});
}
    InformationsquelleAutor Train
  2. 8

    Vous ne pouvez pas simplement utiliser votre code entier dans le réagissent de l'application native. D'abord et avant tout, vous devez suivre la réagir architecture native et ensuite développer votre INTERFACE utilisateur à l'aide de réagir composants natifs.
    https://facebook.github.io/react-native/docs/getting-started.html
    Vous obtiendrez plus de l'aide ici.

    Il y a une autre option, il vous suffit de créer un nouveau réagir indigènes du projet et de l'utilisation webview dans et afficher l'ensemble de votre site web.
    https://facebook.github.io/react-native/docs/webview.html

    InformationsquelleAutor salvi shahzad
  3. 5

    Ils sont généralement assez distinct, en partie parce que votre cible de rendu est différent (c'est à dire pas de divs) et en partie à cause de choses comme window n'étant pas disponibles. Il est possible de réutiliser le code entre web et des applications natives, mais seulement si vous êtes très prudent à ce sujet.

    De la réagir natif de presse post de blog:

    Il est intéressant de noter que nous ne sommes pas chasser “écrire une fois, exécuter partout”. Différentes plates-formes ont des regards différents, se sent, et les capacités, et en tant que tel, nous devrions toujours être en développement discrète apps pour chaque plate-forme

    InformationsquelleAutor Carl Vitullo
  4. 5

    WebViews et de Réagir indigènes sont deux concepts distincts. Soit, vous voulez aller avec l'ancien (que vous pouvez réellement utiliser votre application sans trop de tracas), ou avec ce dernier. Dans ce cas, vous pourriez probablement réutiliser certains de la logique d'affaires, mais la plupart du rendu doit être réécrite.

    Réagir natif est learn once, write anywhere, pas learn once, write once 🙂

    InformationsquelleAutor george.cz
  5. 0

    En fait, cette "Conversion" est ce qui ferait la promotion de Réagir par rapport à AngulaJS ou Veu par exemple. Il serait tout à fait logique pour Facebook pour ajouter cette fonctionnalité depuis Réagir et Réagir Indigènes sont à la fois leur produit.

    InformationsquelleAutor алекс кей