Getting Started

Looking for an old documentation? As from now, it lives here: https://flatlogic.gitbook.io/react-native-starter/v/master/

What is React Native Starter?

We love building apps with React Native, because it helps us create high quality products for both major mobile platforms quickly and cost-effectively.

Getting started on a new app just takes too long. Most apps need the same basic building blocks and developer infrastructure, and we are bored of reinventing the wheel time and time again.

This Starter Kit reflects the best practices of React Native development we have discovered while building real-world applications for our customers. It is opinionated about tooling, patterns and development practices. It might not be a one-size-fits-all solution for everyone, but feel free to customize it for your needs, or just take inspiration from it.

More information about React Native Starter and downloads: https://reactnativestarter.com/

What's inside

  • Always up-to-date React Native scaffolding

  • UI/UX Design from industry experts

  • Modular and well-documented structure for application code

  • Redux for state management

  • React Navigation for simple navigation

  • Disk-persisted application state caching

  • More than 16 Ready-to-use Pages

Up and running (mac OS)

1. Clone and Install

# Clone the repo
git clone https://github.com/flatlogic/react-native-starter.git
# Install dependencies
yarn install
# Install native ios modules
cd ios && pod install

2. Open RNS in your simulator

Then you can start the project by going to the project's folder and running there:

yarn run:ios

or, if you want to open it on Android:

yarn run:android

Up and running (Windows)

1. Clone and Install

# Clone the repo
git clone https://github.com/flatlogic/react-native-starter.git
# Install dependencies
yarn install

2. Look through official guide

3. If project is not running correctly

unable to load script make sure you are either running a metro server ....

Go to your root folder of the project > node_modules > metro-config >src > defaults >blacklist.js.

Open said file (VS Code, etc) and on the top you will see a var called SharedBlacklist. Change that var from what it is to what attached code says

FROM
var sharedBlacklist = [
/node_modules[/\\]react[/\\]dist[/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
TO
var sharedBlacklist = [
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];

That's it! Cool, right?