The definitive React-Native Starter app kit
source link: https://github.com/IronTony/react-native-starter-app
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
React Native Starter App
A React Native template to bootstrap your next app!
Table of Contents
- Installation :inbox_tray:
- Environment Setup :globe_with_meridians:
- Contributors :sparkles:
Installation :inbox_tray:
> git clone https://github.com/IronTony/react-native-starter-app > cd react-native-starter-app # Install dependencies > yarn # if needed, setup iOS development environment yarn setup:ios
See environment
section for how to configure env variables.
See scripts
section for how to run the app.
Environment Setup :globe_with_meridians:
React Native Starter App
environments variables management is based on a custom script and the app.json
config file.
Define your environment variables inside app.json
inside the environments
object under the desired environment key (such as development
, staging
or production
) and then run the app for the required env using one of the available run scripts (e.g. ios:dev
).
Scripts :wrench:
Run the app
To run the app use one of the following scripts:
-
yarn android:dev
, to start the app on Android with thedevelopment
environment variables. -
yarn android:stage
, to start the app on Android with thestaging
environment variables. -
yarn android:prod
, to start the app on Android with theproduction
environment variables. -
yarn ios:dev
, to start the app on iOS with thedevelopment
environment variables. -
yarn ios:stage
, to start the app on iOS with thestaging
environment variables. -
yarn ios:prod
, to start the app on iOS with theproduction
environment variables.
Generate app icons
To setup the app icons:
- create an image at least
1024x1024px
- place it under
/assets
folder asicon.png
- run
yarn assets:icons
Generate Splashscreen
To setup the app splashscreen:
- create an image at least
1242x2208px
- place it under
/assets
folder assplashscreen.png
- run
yarn assets:splashscreen
Setup iOS
To setup the environment to run on iOS, run
yarn setup:ios
this will run cocoapods
to install all the required dependencies.
Roadmap :runner:
:white_check_mark: Initial Setup
:white_check_mark: Add Splashscreen ( https://github.com/crazycodeboy/react-native-splash-screen )
:white_check_mark: Add Toolbox ( https://github.com/panz3r/react-native-toolbox )
:white_check_mark: Create tree folders structure
:white_check_mark: Addredux
:white_check_mark:
Add redux-persist
( https://github.com/rt2zz/redux-persist )
React Native Debugger
:white_check_mark: Add
reselect
:white_check_mark: Add
redux-saga
:white_check_mark: Add
i18next
:white_check_mark:
Add react-navigation
:heart:
UI Kitten
)
:white_check_mark: Remove UIKitten
:white_check_mark:
Add UI Design System ( NativeBase
)
:white_check_mark:
Add Env
variables selection experimental way
⚗️
⚗️
⚗️
Contributors :sparkles:
Thanks goes to these wonderful people ( emoji key ):
IronTony:computer: :book: :bug: :eyes: :warning: Mattia Panzeri
:book:
This project follows the all-contributors specification. Contributions of any kind welcome!
License :scroll:
Licensed under Mozilla Public License Version 2.0
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK