Comment commencer à écrire des applications UWP avec React Native ?

Question

Donc il y a eu cette grande annonce que vous pouvez maintenant écrire des applications Windows à l'aide de React Native .

L'annonce renvoie à un Page Github ce qui conduit à une description de comment installer React Windows

Après avoir passé quelques heures à installer Visual Studio et les dépendances, les SDK et autres, j'ai construit cette solution "ReactNative" dans Visual Studio, mais je n'arrive toujours pas à trouver comment commencer à écrire un simple Bonjour le monde programme.

Toute la documentation indique comment écrire des programmes Android ou iOS dans Visual Studio Code, mais il n'y a aucune indication sur la façon d'écrire un programme UWP.

Quelqu'un sait-il par où commencer ? Quel est l'équivalent dans Visual Studio de "react-native init" ?

Answer 1

Après avoir exécuté react-native init AwesomeProject

cd AwesomeProject
npm i --save-dev rnpm-plugin-windows
react-native windows

Cela va générer la solution Visual Studio pour votre projet et le fichier index.windows.js point d'entrée. Visual Studio Code est un excellent outil pour modifier le JavaScript de React Native.

Pour exécuter votre application, il suffit de lancer react-native run-windows .

Answer 2

Il n'existe actuellement aucune solution prête à l'emploi pour les applications UWP avec React Native. La seule application connue avec un support UWP est actuellement l'application F8. article de blog sur la façon dont ils l'ont porté.

Answer 3

Vous y êtes presque, la réponse est la suivante : en ligne de commande, vous faites "react-native init" - vous ne le faites pas via Visual Studio. Voir https://github.com/ReactWindows/react-native-Windows#getting-started

Le projet Visual Studio crée un projet UWP qui sait comment charger et exécuter le code react-native js. Le code VS n'est en fait qu'une enveloppe.

Pour démarrer un nouveau projet react native sous Windows, ouvrez la ligne de commande et faites ce qui suit :

REM This is the same on Mac or Windows..
react-native init AwesomeProject 

cd AwesomeProject

REM You need to install the react package manager
npm install -g rnpm

REM Add the rnpm-plugin-windows into your package.json
npm install --save-dev rnpm-plugin-windows

REM This will create a "windows" folder in your project folder, 
REM the eqivalent of the ios and android folders.
rnpm windows

REM You will now have a windows folder with a AwesomeProject.sln file
REM You need to start the packager which projects the Javascript bundle to the runtime

react-native start

REM Open the solution in VS and run it, and you will see your app!