The definitive React-Native Starter app kit

栏目: IT技术 · 发布时间: 4年前

内容简介:SeeSee

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 the development environment variables.

  • yarn android:stage , to start the app on Android with the staging environment variables.

  • yarn android:prod , to start the app on Android with the production environment variables.

  • yarn ios:dev , to start the app on iOS with the development environment variables.

  • yarn ios:stage , to start the app on iOS with the staging environment variables.

  • yarn ios:prod , to start the app on iOS with the production environment variables.

Generate app icons

To setup the app icons:

  • create an image at least 1024x1024px
  • place it under /assets folder as icon.png
  • run
yarn assets:icons

Generate Splashscreen

To setup the app splashscreen:

  • create an image at least 1242x2208px
  • place it under /assets folder as splashscreen.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: Add redux

:white_check_mark: Add redux-persist ( https://github.com/rt2zz/redux-persist )

:white_check_mark: Add 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:

:white_check_mark: Add UI Design System ( 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 ):

The definitive React-Native Starter app kit IronTony
:computer: :book: :bug: :eyes: :warning:
The definitive React-Native Starter app kit 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


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

运营制胜

运营制胜

张恒 / 电子工业出版社 / 2016-10-1 / 65

《运营制胜——从零系统学运营构建用户增长引擎》主要从内容运营、用户运营、推广运营三个方向来介绍产品运营方面的知识。 其中内容运营主要介绍了内容生成的机制、内容方向设定、内容输出、内容生产引擎、内容推荐机制、数据如何驱动内容运营、内容运营的KPI 设定、建立内容库、内容的赢利模式。用户运营主要介绍了产品的冷启动、获得种子用户及早期用户、建立用户增长引擎、利用心理学引爆产品用户增长、增加用户活跃......一起来看看 《运营制胜》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具