Awesome
<img src="http://cdn.shopify.com/s/files/1/0249/0754/products/Rhino_1.jpg?v=1470910706" width="100">Rhinos-app
Rhinos-app is a react-native app which uses react-native-web to achieve cross-platform design.
:star2: FEATURES:
- :iphone: :computer: Runs on Android, iOS, Web (can also run as a Windows/MacOS/Linux desktop app with Electron)
- SimpleNavigator with navParams, transition Fx (using Animated)
- React-native-gifted-form
- React-native-elements, react-native-vector-icons (FontAwesome), Button, SideMenu, List, etc.
- Components: React-native-navbar, React-native-tab-view, etc.
- Storybook: develop & visualize your components interactively.
- Unit Test: Jest, Enzyme.
- Miscellaneous features: yarn, ESLint (JS Standard), Webpack, baseStyles.js
It does not have X, Y, Z libs? - We adopted KISS principle but feel free to sprinkle some more pixie dust (Redux, MobX, etc.) to bake your project :)
<img src="docs/assets/demo-ios.gif" width="240">:book: DOCS:
:package: PREREQUISITES:
- Android SDK
- XCode
- npm global modules:
$ npm install -g yarn
$ npm install -g react-native-cli
:wrench: BUILD & RUN:
Install:
$ git clone <URL>
$ cd rhinos-app-dev
$ npm install (or $ yarn)
Run on Web
DEV mode:
$ npm run web
PRODUCTION mode:
$ npm run build-web
$ npm run serve-web-background
StoryBook:
$ npm run storybook
Run on Android
- open Android Emulator
- in Terminal, make sure you have ANDROID_HOME=/Users/username/Library/Android/sdk
- run in another Terminal: $ npm start -- --reset-cache
$ react-native run-android
Run on iOS
- open iOS Emulator
- run in another Terminal: $ npm start -- --reset-cache
$ react-native run-ios
:raised_hands: CONTRIBUTING:
PRs, Stars :star: and Issue Reporting :beetle: are always welcome :)
Apps built on Rhinos-app
ATVT (Activities) - track influencer's social activities
<img src="docs/assets/demo-atvt.gif" width="240">