Getting Started With React Native

React Native is a very popular JavaScript open source framework Developed by Facebook and use for build native iOS and ANDROID(Cross Platform) Mobile applications,  to build react native applications we need XCode for mac OS and android studio for android developments,  I am familiar build react native apps using mac OS and also we need a text editor to build react native applications. I recommend Visual studio Code because it more user friendly than other text editor IDEs, and there is several IDE s we can use for build apps like web strom, sublime etc...

Inside React Native

We can generate iOS and android app using single code segment which is written using java script, JavaScript elements are linked with native components of  specific OS, after we develop the application end of the day we got a native application.

JavaScrip Before React Native

JavaScript is a widely using scripting language in these days, and most popular programming language in the world according to the git hub

•   For learning purposes we can use punker online IDE - plnkr.co by hitting  this link and go to ‘Lunch the Editor’ button on the site, and you can easily practice JavaScript.

              

1^st application?

After installing :Node,watchman,rect native CLI, and x code by instructions in

http://facebook.github.io/react-native/docs/getting-started we can generate application

by this command react-native init ProjectName , after that we can run the app and can modify using JavaScript according’s with our requirements, at least you need basic java script knowledge to build react native apps, if u don’t have basic knowledge of java script 1^st I recommended to go through with some basic knowledge of JavaScript

every item in react native is a component, so we need to import them before we use them,

Styling the app

 render () method

this  method always return react native component so we can style our User Interface by writing code snips inside render method or we can use

·      const styles=Stylesheet.create()

this method works similar to CSS style sheet, we can implement styling element inside this method

User Define Methods

We ca define methods after extended main component and there is a cool feature called arrow function, it is a new way to write factions after new  JavaScript6(JS6) new update, we can use => for write functions instead of using keyword ‘function’ ex- methodName=()=>{}

Conclusion

I tried to explain this blog very simply for better understanding and I believe this blog will help beginners to getting start with react native , from today onwards we will discuss about react native step by step. thank you