Rhinos-app is a react-native app which uses react-native-web to achieve cross-platform design.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 188c9c0 Dec 25, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github chore: added ISSUE_TEMPLATE Dec 9, 2016
.storybook refactor: moved "/stories" to "/web/stories" Dec 18, 2016
android refactor: SimpleNavigator: pass navParams; PersonDetails: layout; Dec 18, 2016
app refactor: SimpleNavigator: store navParamsHistory, stateHistory for e… Dec 25, 2016
docs chore: README: added demo-atvt.gif Dec 21, 2016
ios fix: added xcodeproj files Dec 8, 2016
web chore: added babel-plugin-transform-decorators-legacy plugin; updated… Dec 25, 2016
.babelrc chore: added babel-plugin-transform-decorators-legacy plugin; updated… Dec 25, 2016
.editorconfig feat: added SimpleNavigator & sample pages Dec 5, 2016
.eslintrc feat: added SimpleNavigator & sample pages Dec 5, 2016
.gitattributes feat: use react-native-web, react-native-gifted-form; runs on iOS, An… Dec 3, 2016
.gitignore chore: added docs: Deployment, Troubleshooting. Dec 17, 2016
LICENSE refactor: moved "/stories" to "/web/stories" Dec 18, 2016
README.md chore: updated README Dec 25, 2016
circle.yml feat: added Consts, Utils; npm run lint; Dec 15, 2016
index.android.js refactor: renamed App, View directories to app, views; upgraded react… Dec 14, 2016
index.ios.js refactor: renamed App, View directories to app, views; upgraded react… Dec 14, 2016
index.web.js refactor: renamed App, View directories to app, views; upgraded react… Dec 14, 2016
npm-shrinkwrap.json feat: use react-native-web, react-native-gifted-form; runs on iOS, An… Dec 3, 2016
package.json chore: added babel-plugin-transform-decorators-legacy plugin; updated… Dec 25, 2016
yarn.lock chore: added babel-plugin-transform-decorators-legacy plugin; updated… Dec 25, 2016

README.md

CircleCI

Rhinos-app

Rhinos-app is a react-native app which uses react-native-web to achieve cross-platform design.

Live Demo: web version

🌟 FEATURES:

  • 📱 💻 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 :)

Demo video: Demo video

📖 DOCS:

📦 PREREQUISITES:

  • Android SDK
  • XCode
  • npm global modules:
$ npm install -g yarn
$ npm install -g react-native-cli

🔧 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

🙌 CONTRIBUTING:

PRs, Stars ⭐️ and Issue Reporting 🐞 are always welcome :)

js-standard-style

Apps built on Rhinos-app

ATVT (Activities) - track influencer's social activities