Create a Cross-Platform app which would run on Android/IOS/Web/Windows/Mac/Linux using React-Native

The Node.js environment enables JavaScript users to deploy the language for server-side scripting, whilst also running scripts to produce dynamic web page content.".

Make sure to have the latest Nodejs and NPM installed by clicking here.

Once you have it installed you would need to learn a bit of how to use it using the terminal.

I highly recommend installing Yarn right after nodejs because it is a lot faster and has many benefits. If you do not understand much so far, it is ok, you can follow along and install it.

2 - You will need to install Build-Tools by typing this in your terminal:

yarn global add build-tools

You will see your machine working and let it work until it is done.

3 - Now let us install react-native Cli globally by doing:

yarn global add react-native-cli

4 - Next up, let us follow React-Everywhere's instructions to create a new project. In your terminal type (make sure you are in the folder you wish to start setting up your development environment):

react-native init <Your Project Name> --template re-base

This solution works out of the box, but if you want your boilerplate to have redux (please visit their link to learn more about it), then you will need to type the following command:

react-native init <Your Project Name> --template re-dux

It will tell you that <Your Project Name> already exists, would you like to override? Just type in the terminal Yes.

If you want to have react-router (again, visit the previous link to learn more about it), you would need to apply the following command:

react-native init <Your Project Name> --template re-route

It will again tell you that <Your Project Name> already exists. Again, make sure to type in yes to override.

Finally, we would need to apply the following command:

react-native init <Your Project Name> --template re-start

You will need to type in "yes" again to confirm the fact you want to override. All of this is necessary for the project to work correctly.

Once your computer has finished with all its downloading, linking, etc... You will need to finally enter your projects folder and type:

yarn run finishInstall.js

This final script basically adds the necessary commands to package.json which you will later need to run or build your app.

That is it!. You may type in the console: npm/yarn run web to see your new Hello World app on the browser, npm/yarn run electron to see your App run in your Windows/Mac/Linux or npm/yarn run android/ios (you need to have your Android IOS Phone connected by USB and have your USB in debugging mode) to see your App run in Android or IOS!.

I know this post is a bit technical and not for the non-coders, but I would like you to still take a look into it because if you manage to master the information that you have here, you may become a programmer for not only Web Apps but also for Android/IOS/Windows/Mac/Linux Apps!.

Thanks for reading, commenting and sharing this information.

_{Sponsored ( Powered by dclick )}

Steem Hedge Token

^{Very Low Supply at 100,000 tokens. Own 0.1% of suppl...}