How to learn React Native

  • React Native is the hot topic these days for building mobile apps.
  • Learning ES6 makes it much easier to write React and React Native code.
  • The main things you should have learnt after completing the tutorial are Lifecycle of a React Component and what are props and state – – React Native uses Flexbox layout style to render views in a much easier and responsive way.
  • Since an important function in mobile app is how to navigate between screens, it is important to know how it’s done in React Native.
  • As of this writing, RN recommends to use libraries like ReactNavigation and React Native Navigation to use same code for both Android and iOS.

Here is a small guide for Android/iOS developers on how to learn React Native.
Continue reading “How to learn React Native”

Understanding Navigation In React Native

  • Navigation has to do with the nav bars, tab bars and side menu drawers in your mobile application.
  • You should check out the React Native documentation on how to get started with React Native and React Navigation.
  • We can use this to relate to the StackNavigator which simply means adding screens on top of each other like a stack.
  • A code snippet of ScreenOne:

    One of the major difference between this navigator and the rest is and which opens and closes the drawer.

  • If you have to use React Native Navigation libraries, you should check out this list of amazing libraries for React Native.

I’ll be taking you through React Navigation. Navigation has to do with the nav bars, tab bars and side menu drawers in your mobile application.
At the end of the tutorial, you should have a pretty…
Continue reading “Understanding Navigation In React Native”