xcarpentier / ignite Goto Github PK

🔥 The ideal starting app for React Native, best practices, generators, and more. 🔥

• No Need to Fork! Command-line Generator
  • Apps
  • Components/Styles
  • Containers (smart components)
  • Screens (opinionated containers)
  • and more...
• JS Code Standard - Standard Compliant
• ALL CODE works with iOS and Android
• Documented Structure
• Battle Tested - We use this!
• Redux State Management
• Optional Redux Persistence (uses AsyncStorage via redux-persist)
• Redux Sagas
• Githooks
• AVA Tests - even React Native components!
• Code Coverage Reports
• API Ready
• Reactotron Ready
• Included Common Libs:
  • react-native-vector-icons
  • react-native-animatable
  • react-native-i18n
  • react-native-drawer
  • apisauce
  • reduxsauce
  • react-native-maps
• Included Developer Libs:
  • reactotron
  • AVA
  • enzyme
  • react-native-mock
  • mockery
  • nyc

To view the generated example project, just pull down the code and run ignite-base!

Make sure you're setup for React Native

Step 1: Install

npm install -g react-native-ignite

Step 2: Use

ignite new MyApplication

1. cd to the repo
2. Run Build for either OS

• for iOS
  • run the command react-native run-ios
• for Android
  • Run Genymotion
  • run the command react-native run-android

3. Enjoy!

• The application generator uses the ignite-base template to provide a fresh application with all the common tech wired up and ready to roll. Base applications come with common development screens, tools, and components. As for now, this is a 'Kitchen Sink' plan of attack. Eventually to be paired down, and adjustable in v2.0

• The component generator creates a new 'dumb component' with the stylesheet. Both files are created and placed in their appropriate folders.

• A generated container is a smart component that is connected to Redux. Usually for containing other components. The component and stylesheet are placed in the Containers folder.

• A generated screen, is an opinionated container, with a generated route. Keyboard avoiding, and other base code is placed in this connected smart component.

• React Native listview container with easy step by step instructions on how to get started with an easy list template.

• react-native-maps container, component, and map helpers with easy step by step instructions on how to get started with an simple map screen.

• Imports all files in Images folder and converts the names into key: value pairs in the image object inside of the Images.js file in the Themes folder.