React Native Animated App Base Template

This template provides the basic and necessary things you need for a React Native app.

Features

• ⚙️ Built with Typescript
• ⚡ More comprehensive animations via react-native-reanimated
• 🎨 Theming and component styling via styled-components
• 🖼️ SVG support via react-native-svg
• 📄 Exposing config variables via react-native-config
• 📱 Safe area view react-native-safe-area-view
• 🖼️ Fast and performant image loading react-native-fast-image
• 🏳️ Typescript enabled internationalization (i18n) via react-i18next
• 🚦 Easy navigation via react-navigation
• 🗿 Persistence via async-storage
• 🖥 Running lint & tests on staged git files (pre-commit) via lint-staged and husky
• ♦️ Icons from material and feathericons
• ℹ️ Styled components testing via jest-styled-components
• ℹ️ Hermes enabled

Build & Run

Android:

yarn android

iOS:

yarn ios

Storybook

Basic Storybook is set up with support of switching the theme via knobs and a custom theme decorator.

Run the following and open the app in the simulator/emulator:

yarn storybook

You may need to commit in the very first line and comment out the rest of the file /index.js. This should how the storybook on your emulator/simulator.

Then open http://localhost:7007 to access the storybook. When using an Android emulator you may need to run adb reverse tcp:7007 tcp:7007.