Getting Started with React Native
setting up environment
A little disclosure to the widely popular question i.e., Why build mobile apps with react native?
- React Native is a cross-platform, single codebase stack for both native iOS and Android apps.
- Backed by Facebook. isn't it enough?
Hey, It's most easy to set up and start development quickly. I'll be providing 3 major ways in which you can complete your setup and begin your development journey in react native.
If you'd like to try out React Native directly in your web browser before installing any tools, you can try out Snack. It's the easiest way to work on react native with low system configurations and requirements. This platform is highly beneficial for learning and teaching purposes as well. And another advantage that you can build and host small react native projects on the Snack. It is much easier to share your project and get quick feedback from mentors. It's like Codepen for React Native.
As you are getting started with React native, it is the most friendly choice, easy to begin with, and above all, supports live rendering of your code on your physical device. Seeing your code working on your physical device is quite a feeling of achievement. As I started development, I followed a lot of tutorials that were deprecated till that time, so I had to struggle a lot. And expo CLI has helped me set up my learning journey of react-native. To begin with, Assuming that you have NODE installed, use your command line to install expo CLI
npm install -g expo-cli
Then create a new React Native project using
expo init <Project Name> cd <Project Name> expo start
This will start a development server for you. And it will show a QR code that can be scanned by Expo Go Client. Expo app can be downloaded from your native app store on physical devices. This is a marvel to debug your app with live rendering and zero delay reloads.
React Native CLI
React Native CLI is a little bit complex set up to begin the react-native developer journey and most appropriate for high complexity apps. The amount of work required in the setup is quite a lot and demands high-performance machine specification as it will require you to install an Android or an iOS simulator for live rendering on your screen. I'll be rolling out tutorials on react native CLI as I prosper.
I highly suggest following the documentation for React Native along with whatever course, tutorial, or Bootcamp. As I have been myself a victim of learning deprecated stuff, and I do not wish the same upon you.