A batteries included React Native boilerplate
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