RNSail - React Native Starter 0.5.0

My starter kit for react native projects.

• React Native 0.64.2
• React Navigation 5.x

Folder Structure

The folder arranged as:

├── src
│   ├── assets                  # assets (such as fonts, image, sound & etc)
│   ├── components              # widely used Custom Components, import using '@components'
│   ├── lib                     # custom functions/library, import using '@lib'
│   ├── config                  # configuration, import using '@config'
│   ├── routes                  # routing navigation
│   ├── screens                 # All screen pages are here
│   │   └── ...                 # screens   
│   └── index.js
├── ...
│

More on ...

• Folder Structure Guidelines
• Coding Guidelines (coming soon)
• Styling Guidelines (coming soon)

Installation

Create your local copy

To create new project using this, you need to copy/clone this to your local.

$ git clone https://github.com/sunaryohadi/RNSail.git MyApp

Rename your Project

Then use react-native-rename to rename the project from it's default RNStarter

$ react-native-rename MyApp -b com.domain.myapp

Install using yarn

$ yarn install
$ react-native link

Run

$ react-native run-ios 

or

$ react-native run-android

Buy me a Coffee

If you feel this is useful, please consider to buy me a cup of coffee or two.

Reference

This starter created is intended for self-use purposed. Btw, you might be interested on my learning process to create this starter.

Please find it in this articles.

• https://medium.com/@kevinle/comprehensive-routing-and-navigation-in-react-native-made-easy-6383e6cdc293
• https://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053
• https://medium.com/react-native-training/redux-4-ways-95a130da0cdc
• https://reactnavigation.org/docs/getting-started.html
• Some stackoverflow on Android/IOS settings.

Cheers!

Sunaryo Hadi