Skip to main content

Tutorial

React-Native​

Create native apps for Android and iOS using React

React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces.

Refer

Expo​

Expo is a platform built around React Native and native platforms which enable you to develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase.

Refer

Install Expo​

npm install --global expo-cli

Create new project​

expo init nag-rn

Selection of Template

>expo init nag-rn
? Choose a template: » - Use arrow-keys. Return to submit.
    ----- Managed workflow -----
>   blank                 a minimal app as clean as an empty canvas
    blank (TypeScript)    same as blank but with TypeScript configuration
    tabs (TypeScript)     several example screens and tabs using react-navigation and TypeScript
    ----- Bare workflow -----
    minimal               bare and minimal, just the essentials to get you started
    minimal (TypeScript)  same as minimal but with TypeScript configuration

Selected the Tabs Template

√ Choose a template: » tabs (TypeScript)     several example screens and tabs using react-navigation and TypeScript
√ Downloaded and extracted project files.
� Using Yarn to install packages. Pass --npm to use npm instead.
√ Installed JavaScript dependencies.

✅ Your project is ready!

To run your project, navigate to the directory and run one of the following yarn commands.

- cd nag-rn
- yarn start # you can open iOS, Android, or web from here, or run them directly with the commands below.
- yarn android
- yarn ios # requires an iOS device or macOS for access to an iOS s
- yarn web

Do and Start

cd nag-rn yarn start