🍍 Pineapple RN template

🐸 Dependencies

• Async Storage - Key-value storage
• React Native Keychain - Secure storage
• React Navigation - Navigation between screens & bottom tabs
• React Navigation Devtools - Tools to debug navigation
• Redux Toolkit - State manager & RTK queries
• Axios - Networking
• Date-fns - Date utility
• Formik - Build forms
• Yup - Form validation
• RNGH 2 - Gestures
• Reanimated 2 - Animations
• React Native Svg - Create SVG
• React Native Splash Screen - Splash screen

👨‍💻 Development dependencies

• Module Resolver - Path aliases
• SVG Transformer - Use SVG as components
• RN Flipper - Enable Flipper debugger

🙈 Setup

Main branch

1. Install dependencies & pods

npm i && cd ios && pod install

2. Build a project with XCode or Android Studio
3. Make some coffee while project is building☕️
4. Run Metro bundler (if it's not opened yet) and run an application

Core branch

1. Create a new project with TypeScript template:

npx react-native init AwesomeTSProject --template react-native-template-typescript

2. Move the files from this repository to a project we just created
3. Configure splash screen for iOS & Android
4. Configure react-navigation
5. Configure Reanimated 2 for Android
6. Install dependencies
7. Install pods
8. Build a project with XCode or Android Studio

🐛 Debug

This template is integrated with Flipper to debug an application

Flipper plugins

• react-navigation
• redux-flipper

📚 Useful resources

• 🌅 Splash screen & AppIcon generator
• 🧬 Convert SVG to React Native component