2ming / react-native-template

A react native template to help bootstrap new mobile apps

React-native template 2022 📱 📱 📱

This is a template that you can use to start a react-native project in 2022 with bottom navigation, lottie animations, and few other tools of the trade

⭐⭐️⭐️⭐️⭐️ help the project by giving a star

If you have any questions, please message us on twitter

If you need developers to build your mobile app, visit our website

Base dependencies

• axios for networking.
• lottie-react-native an ecosystem of libraries for parsing Adobe After Effects animations exported as JSON
• Munchkin a react native component library
• nativewind a universal style system
• react-native-vector-icons an icon library.
• react-navigation navigation library.
• redux for state management.
• @reduxjs/toolkit to make redux implementation easier
• redux-persist for redux store persistance.
• redux-thunk to dispatch asynchronous actions.

Using Template 💻 💻 💻 💻 💻

Run this command to create a new react-native project using the template npx react-native init {YOUR_APP_NAME} --template https://github.com/daboigbae/react-native-template

** Make sure to replace {YOUR_APP_NAME} with the name you want to give your project

Running Project🏃‍♀️ 🏃‍♀️ 🏃‍♀️ 🏃‍♀️ 🏃‍♀️

iOS

Take the following steps to run the application locally for iOS

1. run yarn install
2. navigate to the iOS folder using a terminal cd ios && pod install
3. run yarn ios at root

Android

Take the following steps to run the application locally for iOS

1. run yarn install
2. run yarn android

If you run into any issues, please make sure your development environment is set-up with a fresh react native app.

If your android app runs, but it can't connect to the react native server

1. Open a new terminal and navigate to the project
2. Run adb reverse tcp:8081 tcp:8081
3. Run yarn start
4. Run yarn android

Screenshots

How can I support the developers?

• Star our GitHub repo ⭐
• Create pull requests, submit bugs, suggest new features or documentation updates 🔧