Skip to content

Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more!

License

Notifications You must be signed in to change notification settings

AshwinDeTaeye/ignite

 
 

Repository files navigation

logo

Ignite - the hottest React Native boilerplate

npm version CircleCI

Battle-tested React Native boilerplate

The culmination of five years of constant React Native development, Ignite is the most popular React Native app boilerplate for both Expo and bare React Native.

This is the React Native boilerplate that the Infinite Red team uses on a day-to-day basis to build client apps. Developers who use Ignite report that it saves them two to four weeks of time on average off the beginning of their React Native project!

NOTE: Ignite CLI version 8.0 is now in beta -- check it out in the maverick branch!

Tech Stack

Ignite apps include the following rock-solid technical decisions out of the box:

  • React Native
  • React Navigation 6
  • MobX-State-Tree (Why not Redux?)
  • MobX-React-Lite
  • TypeScript
  • AsyncStorage (integrated with MST for restoring state)
  • apisauce (to talk to REST servers)
  • Flipper-ready
  • Reactotron-ready (and pre-integrated with MST)
  • Supports Expo (and Expo web) out of the box
  • And more!

Quick Start

Prerequisites:

Run the CLI:

# for vanilla React Native
npx ignite-cli new PizzaApp
# or for Expo-powered:
npx ignite-cli new PizzaApp --expo
# to provide a custom bundle identifier (Android only):
npx ignite-cli new PizzaApp --bundle=com.infinitered.pizzaapp

Ignite will walk you through the rest.

Once you're up and running, check out our new Getting Started Guide guide or the rest of our docs.

If you'd like to follow a tutorial, check out this one from Robin Heinze.

Troubleshooting

The above commands may fail with various errors, depending on your operating system and dependency versions. Some troubleshooting steps to follow:

  • Make sure you are using the LTS version of Node. This can be checked via the node --version command. If you require multiple Node versions on your system, install nvm, and then run nvm install --lts. At the time of writing, Node LTS is v16.x.x.
  • If the installation fails because of an Xcode error (missing Xcode command line tools), the easiest way to install them is to run sudo xcode-select --install in your terminal.
  • If Xcode and command line tools are already installed, but the installation complains about missing patch dependencies, you may need to switch the Xcode location to something else: sudo xcode-select -s /Applications/Xcode.app/Contents/Developer

Generators

The hidden gem of Ignite. Generators help you scaffold your app very quickly, be it for a proof-of-concept, a demo, or a production app. Generators are there to save you time, keep your code consistent, and help you with the basic structure of your app.

npx ignite-cli generate --help

...will give you information on what generators are present. To learn more, check out our Generators documentation.

Troubleshooting

If you run into problems, first search the issues in this repository. If you don't find anything, you can come talk to our friendly and active developers in the Infinite Red Community Slack (community.infinite.red).

Note:

  • Navigation persistence is OFF by default in production.
  • Error boundary is set to 'always' display by default.

No time to learn React Native? Hire Infinite Red for your next project

We get it – sometimes there just isn’t enough time on a project to learn the ins and outs of a new framework. Infinite Red’s here to help! Our experienced team of React Native engineers have worked with companies like Microsoft, Zoom, and Mercari to bring even some of the most complex projects to life.

Whether it’s running a full project or training a team on React Native, we can help you solve your company’s toughest engineering challenges – and make it a great experience at the same time. Ready to see how we can work together? Send us a message

Further Reading

About

Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more!

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 81.0%
  • Java 5.9%
  • JavaScript 2.7%
  • C++ 2.7%
  • EJS 1.8%
  • Shell 1.7%
  • Other 4.2%