Why?

We got a lot of value starting off from Infinite Red's Ignite boilerplate, but bit by bit stripped pieces of it away, replacing them with patterns/tech we're familiar with here at Tailwind. To prevent duplicating work for future mobile endeavors, this is our approach to a batteries included react native boilerplate.

Getting Started

npx react-native init ProjectName --template @tailwindapp/kite

Tech

• State Management: Redux + Redux Toolkit
• Navigation: React Navigation
• Component Lib: NativeBase 3.0
• CI/CD: Github Actions, Fastlane, & CodePush
• Testing: Jest & Detox

Anatomy

- src
  - assets/
    - icons/
    - logo/
    - [domainName]/
  - components/
    - [FolderComponentName]/
      - index.tsx
      - stories.tsx
    - [ComponentName].tsx
  - config/
    - index.ts
  - domains/
    - core/
      App.tsx # App entry point
      screens/
        - ModalNavigator.tsx
        - AppNavigator.tsx
        - BottomTabNavigator.tsx
        - SplashScreen.tsx
    - [domainName]/
      - components/ # Same rules as global components
      - screens/
        - [ScreenName]Screen.tsx
        - [NavigatorName]Navigator.tsx
      - hooks/
        - use[HookName].ts
      - [subDomainName]/ # Same rules as parent
  - hooks/
    - use[HookName].ts
  - state/
    - index.ts
    - rootReducer.ts
    - [sliceName]Slice.ts
  - theme/
    - index.ts
  - services/
  - @types/

Future

Currently working towards Version 0.1.0