https://github.com/infinitered/ignite

JavaScript
The unfair starting CLI, Generator, and more for React Native

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

🌎Tour Video and More on Ignite Web Page

Why Ignite?

• 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)
• Sagas Redux Daemons
• Githooks
• Mocha Tests
• API Ready
• Reactotron Ready
• Include Common Libs:
  • react-native-vector-icons
  • react-native-animatable
  • react-native-i18n
  • react-native-push-notification
  • react-native-drawer
  • apisauce
  • reactotron
  • reduxsauce

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

⬇️ Install

Make sure you're setup for React Native

Step 1: Install

npm install -g react-native-ignite

Step 2: Use

ignite new MyApplication

▶️ How to Run Generated App

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!

⬆️ Built-In Generators

Generate an app: ignite new MyApplication

• 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

Generate a component: ignite generate component SmoothButton

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

Generate a container: ignite generate container SubMenu

• 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.

Generate a screen: ignite generate screen Settings

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

🔀 Where to Go From Here

Chosen Tech Docs - Understand the Tech Inside

Roadmap Wiki Page - Future Plans of Ignite

Who are We? - Learn More About Infinite Red

Project Web Page - Our Github Page