神刀安全网

Ignite: a React Native generator

Ignite: a React Native generator

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

Why Ignite?

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

:arrow_down: Install

Make sure you’re setup for React Native

Step 1: Install

npm install -g react-native-ignite

Step 2: Use

ignite new MyApplication

Ignite: a React Native generator

:arrow_forward: 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!

Ignite: a React Native generator

:arrow_up: 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.

:twisted_rightwards_arrows: 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

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Ignite: a React Native generator

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址