React Native Boilerplate Templates for The Airfoil CLI

React Native Boilerplate Templates for The Airfoil CLI

Airfoil Schematics React Native boilerplate templates for the Airfoil CLI.

Airfoil Schematics

React Native boilerplate templates for the Airfoil CLI.

Templates

All templates have some common libraries baked into them such as React Navigation and React Native Config.

BLIMP

A minimalist app built on Axios and the Context API.

PROPELLER

COMING SOON - A bare-bones implementation of Redux and REST.

JET

A turbocharged starter-kit using Apollo Client and GraphQL.

Common Built-In Features

  • Sane Prettier Defaults

  • Typescript enabled by default

  • Opinionated Directory Structure

    .
    └── app/
        ├── components/
        ├── hooks/
        ├── navigation/
        ├── screens/
        ├── services/
        ├── utils/
        ├── App.tsx
        ├── constants.ts
        └── global.d.ts
    
  • Relative local imports

    import HomeScreen from '@app/screens/HomeScreen'
    
  • ErrorBoundary already set up

  • First React Navigation route already set up

  • React Native Config hooked up to load .env vars into app/constants.ts

Development

Install base dependencies, and install dependencies for any template(s) you wish to run/test.

# install dev dependencies - needed only for global testing
yarn install

# install all templates
yarn install-templates

# install a specific template
yarn install-blimp
yarn install-jet

Then, to run a template:

yarn ios-blimp
yarn ios-jet
yarn android-blimp
yarn android-jet

Testing

# test all templates
yarn test

# test a specific template
yarn test-blimp
yarn test-jet

Contributing

To contribute, open a new pull request and tag someone as a reviewer.

Make sure all tests are passing.

Issues

All feature requests, bug reports, questions, etc. welcome! Please submit issues here.

Download Details:

Author: teamairship

Source Code: https://github.com/teamairship/airfoil-schematics

react-native react mobile-apps

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native App Developers India, React Native App Development Company

Hire React Native app developers India from a preferred React Native app development company by innovative industry leaders. Let's Discuss Your Project.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.