🚀 React Native 🚀 starter app that uses all the latest 💯 & greatest 🏅 components! - Screens & Demo

Platform	iOS	Android
Demo

• Installation
• Run it
• Summary
• Technologies
• Screens
• Demo
• Editor Setup
• TODO
• FAQ

• Install React-Native

• git clone [email protected]:Monte9/react-native-starter.git

• cd react-native-starter

• yarn

• For iOS, from the command line, run via command: react-native run-ios or open XCode and load project, Run Product -> Run (⌘+R)

• For android, from the command line, run via the command: react-native run-android assuming you have an emulator or device running and attached

• Hack on!

1. The app is runs on BOTH iOS & Android using a single codebase mostly written in Javascript.
2. The app has Login & Signup screens with reducers for user input, login & signup actions.
3. The Login & Signup screens display a spinner to indicate activity.
4. The app includes a Tab Bar Controller and is customizable to add more tabs.
5. Each Tab Bar has it's own navigation state and hence can provide independent navigation states.
6. The app uses Navigation Experimental to handle navigation.
7. The app also includes a Side Menu and it's customizable.

The following are brief descriptions of the technologies used

Learn once, write anywhere: Build mobile apps with React

Redux is a predictable state container for JavaScript apps.

If you'd like to read an excellent tutorial on Redux check this out: https://egghead.io/courses/getting-started-with-redux

If you are looking for greater control over your navigation stack, you can't go wrong with NavigationExperimental.

Tab Bar component for React Native

Side menu component for React Native

React Native Elements UI Toolkit

3000 Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full stying.

React Native implementation for Do, a free UI kit.

Platform	iOS	Android
Login
Signup

Platform	iOS	Android
SideMenu

Platform	iOS	Android
Feed
Explore

Platform	iOS	Android
Portfolio
Reload

Platform	iOS	Android
Profile
History

Atom

Package: Nuclide

UI Theme: One Dark

Syntax Theme: Gloom

Additional Packages:

apm install editorconfig es6-javascript javascript-snippets linter linter-eslint language-babel

• AsyncStorage

• Facebook Login

• Twitter Login

• I18n

• Validate.JS

• Tcomb Form Library

• Jest & Snapshot tests

Yes. This project is actively under development. PR's are much appreciated.