React Native Starter Kit helps you get started with React Native. It contains a bunch of helpful components, building blocks and basic structure to allow you to jump straight into building an app.
- Features
- Before you start
- Getting Started with React Native
- React Native Quick Tips
- Understanding the File Structure
- Opinions Guiding this Project
- Using RNSK
- Get Up and Running with RNSK
- Routing / Navigating
- Using Google Analytics
- Interacting with a REST API
- Testing
- Contributing
- Licence
| Feature | Summary |
|---|---|
| Redux | A predictable state container - Helping you write applications that behave consistently and run in different environments. |
| React Native Router Flux | Router for React Native based on new React Native Navigation API. 'How to' Guide → |
| API Example | A basic example showing how you can interact with a RESTful API with user authentication (JWT). |
| Sidebar / Hamburger Menu | ... |
| React Native Elements | Cross Platform React Native UI Toolkit. |
| Google Analytics | Shows how to track screen views (includes both a 'debug' mode tracker as well as 'release' mode so that data doesn't get obfuscated). Setup Guide → |
| React Native Vector Icons | Easily use icons from a wide range of icon libraries, it's as simple as importing the icon font and then <Icon name={'ios-alert-outline'} size={50} color={"#CCC"} />. |
| Tcomb Form Validation | An exmaple on how to create forms with validation. |
| Component Style Guide | A bunch of elements and components to get you started - styled headings, buttons, list rows, alerts etc. |
| Code Linting / Code Style Guide | We're using Airbnb's JS/React Style Guide with ESLint linting. Get started with linting for React Native → |
| Boilerplate | An example directory/file structure I've found useful for scaling apps Learn more → |
- Ensure you've followed the React Native - Get Started Guide for the platform/s of choice
- Clone this project
git clone https://github.com/mcnamee/react-native-starter-app.git - Run
npm installfrom root directory - Start the app in an emulator
/android- The native Android stuff/ios- The native iOS stuff/src- Contains the full React Native App codebase/components- 'Dumb-components' / presentational. Read More →/constants- App-wide variables and config/containers- 'Smart-components' / the business logic. Read More →/images- Self explanatory right?/lib- Utils, custom libraries, functions/navigation- Routes - wire up the router with any & all screens. Read More →/redux- Redux Reducers & Actions grouped by type. Read More →/theme- Theme specific styles and variables