Boilerplate for a React Native Application

🚀 Bootstrap your React Native app within seconds

Basic starter kit for a React Native with Shoutem.

Features

• Structure: Basic folder structure
• Shoutem: Includes beautiful components

Requirements

You need to have the React Native installed to bootstrap your React Native application react-native init, Expo to scaffold Expo application prisma deploy and Yarn to install npm packages:

npm install -g react-native exp yarn

Getting started

# 1. Clone the project
git clone https://github.com/inspired-solutions/react-native-shoutem-starter.git

# 2. Navigate to the new project
cd react-native-shoutem-starter

# 3. Install npm packages
yarn install

# 4. Start server
exp start

Documentation

Commands

• react-native <subcommand> gives access to local version of React Native CLI (e.g. react-native run-android)
• exp <subcommand> gives access to local version of Expo CLI (e.g. exp start)

Note: We recommend that you're use yarn to install local packages and exp to insted of react-native to run application or Expo XDE

Project structure

File name	Description
└── assets/	Contains all assets of the application
├── fonts/	Contains all fonts of the application
├── images/	Contains all images of the application
└── components/	Contains all components of the application
└── constants/	Contains all constants of the application
└── navigation/	Contains all routes component of the application
└── screens/	Contains all screens of the application
├── .babelrc	Use this file to configure your babel transpiler
├── .editorconfig	Use this file to configure your editor
├── .gitignore	Use this file to ignore some files in git
├── .prettierrc	Use this file to configure your files formatter
├── .watchmanconfig	Use this file to configure your watchman settings
├── App.js	Main file
├── app.json	Expo config file
├── package.json	Package file
├── README.md	Main Documentaion
├── yarn.lock	Lock file generate by Yarn

Contributing

The react-native-shoutem-starter are maintained by the Inspired Solutions.

Your feedback is very helpful, please share your opinion and thoughts! If you have any questions or want to contribute yourself, join the #react-native-shoutem-starter channel on our Slack.