truonggiangdao/rn-expo-base

Basic react native project using Expo & Ignite

Basic source structure for a React Native project using Expo & Ignite

I. Learn React Native:

• React Native Basic Tutorial
• React Native Cheatsheet
• React Native Styling Cheatsheet
• Expo SDK API
• Ignite CLI

II. To start with Project

1. Setup CLIs

npm i -g react-native-cli
npm i -g ignite-cli

2. Setup Expo XDE

Go to https://github.com/expo/xde to download & install Expo XDE tool which helps create & debug app on mobile

3. Install Expo Client

Go to App Store/Google Playstore, find and install Expo Client app on your Iphone/Android device

4. Clone source code from this repository to your PC

git clone https://github.com/truonggiangdao/rn-expo-base.git

5. Remove .git folder on your source code (so that you can use on your project GIT repo)

cd rn-expo-base
rm -rf ./.git

6. Install package dependencies

npm i

7. Open Expo XDE on your PC and run this project

III. Coding Convention

This project is setted up with following Style guides:

• Airbnb JavaScript Style Guide
• Eslint Plugin React
• Eslint Plugin React Native

To run code checking (linting):

npm run lint

IV. Unit testing

Each components in your project should have a test file. Naming convention: yourComponent.test.js where yourComponent is the name of the component you are writing test for. To run unit test:

npm run test