mikejonas / react-native-sandbox

Exploring the react native ecosystem and various coding patterns

Getting Started

• React Native environment setup. Consider creating a default react native project to make sure your environment is setup correctly
• Getting started
• Troubleshooting

Step 1: Setup the repo

1. Clone the repo
2. Run npm install to install javascript dependencies
3. Run npx pod-install ios to install ios dependencies

Step 2: Start the Metro Server

First, you will need to start Metro, the JavaScript bundler that ships with React Native.

Run the following command from the root project route:

npm start

Step 3: Start the Application

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project. Run the following command to start your Android or iOS app:

npm run android
npm run ios

Step 4: Modifying the App

1. The repo is organized so that application specific code is in the /src directory
   • components - Reusable components
   • navigation - Main Navigation code
   • screens - Different pages or unique screens in an app
   • utils - Reusable utilities
2. General changes should usually be reflected live, but in some cases you'll need to reload. Type r in the metro process to reload