React Native Installations


React-Native Installations


Actually I am presenting you tutorial based on the Mac OS, this is also same for windows OS with little changes in commands.
React native to work on your machine you have to install few components. lets get start with the list of components to be installed.
1) Node Js
2) React Native client
3) Any possible text editor
that all required to work with react native.

1) Node Js:

To install node js go to the following website
link: https://nodejs.org/en/download/
This will take a little time .


2)React Native Client

Once the Nodejs installation is done then, to install react native open
Terminal  -  Mac OS
Command  -  Windows OS
now enter/type the command

For Mac OS:
sudo npm install -g react-native-cli

For Windows OS:
npm install -g react-native-cli

Here you have to observe that when we are installing packages using nodejs we have options to add the package in the project folder or globally that effects the entire system. The above react native client is installed globally here as it has to effect the entire system.
Now you have successfully installed react native client into your system.


3) Any random text editor

As you are using the scripting language(java script, Html, CSS) you can use any text editor to edit the code, there is no defined IDE currently to develop React Native Projects.
Few suggestions regarding the IDEs:

a) Visual Studio Code ( best IDE, I personally suggest this as the best IDE for this kind of projects )
 link: https://code.visualstudio.com/download

b) Atom
link: https://atom.io/

c) Brackets
link: http://brackets.io/



Once you are done with the installations lets move to the next topic "Your First React Native Project"



Comments

Post a Comment

Popular posts from this blog

AdMob - Banner Ad in Xamarin Forms

Image
AdMob - Banner Ad in Xamarin Forms Subject :         Hello Everyone, I am going to show how to display Google AdMob  Ads  in  Android  and  iOS  applications for  CSharp - Xamarin Mobile Development . Banner Ad  is like a ribbon. This is selected if our requirement is to provide an ad at the footer or at header part, this does not cover the entire region of the Page. It only uses a portion of the app Page. Requirements :         We need  “ App Id ”  and “ Unit Id ”, which are created in “ AdMob by Google ” available in this website:  https://www.google.com/admob/  .         To create these follow the tutorial available @  http://allsoftwaredevelopments.blogspot.com/2018/09/google-admob-mobile-development_4.html   @  https://www.c-sharpcorner.com/article/getting-started-with-google-admob/ Steps in Brief : 1) Adding required  packages . 2) Changes to be done in Manifest.xml file( only for Android ) 3) Creating  Custom Renders  to access Ads. 4)  Acces
Read more

Google AdMob - Mobile development

Google AdMob - Mobile development Subject :         Hello Everyone, I am going to show how to create an account in Google AdMob and how to generate API keys for Android/iOS, which helps us to display ads in our applications. Requirements :         We need nothing but a google account, with this you can use google AdMob. Steps in Brief : 1) Create a account in “AdMob by Google”. 2) Let us discuss different types of ad sizes available to display in Application. 3) Create Application instances for Android application and iOS Applications for any one or two types of banners. Steps in Detail :   1) Creating an account in “AdMob by Google” : a) Go to this url in your browser  https://www.google.com/admob/ b) Now click on signup button on the left corner. c) It asks you to login to your google account as this is a product of google. So just sign in. d) Now you will be redirected in to a page where this asks for your country name, Time zone, currency. And
Read more

Getting started with ReacNative

Introduction to React Native Hi friends lets start our tutorial on react native. Contents : 1) Installation 2) First Project 3) Deep Dive 4) Errors and Solutions Lets us start our next post with installations of react-native, IDEs that helps us for easy development of React Native projects. Then let us discuss how to start and build our first basic project in React. Lets us discuss about all the possible errors and solutions in the process as they occurs randomly so this will be covered along the tutorial Deep dive includes every example, sample, trails and others which gives us better experience and make us pro in the react native.
Read more