https://github.com/handi-dev/react-native-boilerplate
React Native Boilerplate - React Native Starter Kits : react-navigation and its dependencies, redux, redux persist and redux thunk, redux toolkit, react native vector icons, react-native async storage
https://github.com/handi-dev/react-native-boilerplate
android cocoapods ios react react-native react-native-067 react-native-boilerplate react-native-component react-native-component-starter react-navigation react-navigation-6 react-navigation-6-boilerplate react-navigation6-boilerplate react-redux redux redux-thunk redux-toolkit
Last synced: 1 day ago
JSON representation
React Native Boilerplate - React Native Starter Kits : react-navigation and its dependencies, redux, redux persist and redux thunk, redux toolkit, react native vector icons, react-native async storage
- Host: GitHub
- URL: https://github.com/handi-dev/react-native-boilerplate
- Owner: handi-dev
- Created: 2020-07-25T07:47:33.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-12-25T14:41:27.000Z (about 2 years ago)
- Last Synced: 2025-12-07T19:32:13.553Z (18 days ago)
- Topics: android, cocoapods, ios, react, react-native, react-native-067, react-native-boilerplate, react-native-component, react-native-component-starter, react-navigation, react-navigation-6, react-navigation-6-boilerplate, react-navigation6-boilerplate, react-redux, redux, redux-thunk, redux-toolkit
- Language: TypeScript
- Homepage: https://handi.dev/blog/best-react-native-boilerplate-2021
- Size: 2.66 MB
- Stars: 125
- Watchers: 6
- Forks: 39
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# react-native-boilerplate-template 2024
[](https://www.npmjs.com/package/@handidev/react-native-boilerplate)
[](https://conventionalcommits.org)
## What is React Native Boilerplate 2024
It is a template that you can clone and reuse for every project. It is starting point for React Native application.
## Wanna use React Native TypeScript Boilerplate ?
check it out here [React Native TypeScript Boilerplate](https://github.com/handi-dev/react-native-typescript-boilerplate)
## React Native Boilerplate ( 0.73.1 )
consist of:
- "react-native": "0.73.1",
- "@react-native-masked-view/masked-view": "^0.3.1",
- "@react-navigation/bottom-tabs": "^6.5.11",
- "@react-navigation/material-top-tabs": "^6.6.5",
- "@react-navigation/native": "^6.1.9",
- "@react-navigation/native-stack": "^6.9.17",
- "@react-navigation/stack": "^6.3.20",
- "react": "18.2.0",
- "react-native-gesture-handler": "^2.14.0",
- "react-native-pager-view": "^6.2.3",
- "react-native-safe-area-context": "^4.8.2",
- "react-native-screens": "^3.29.0",
- "react-native-tab-view": "^3.5.2",
- "react-native-vector-icons": "^10.0.3"
## Requirements
Node 18 or greater is required. Development for iOS requires a Mac and Xcode 10 or up, and will target iOS 11 and up.
You also need to install the dependencies required by React Native.
Go to the [React Native environment setup](https://reactnative.dev/docs/environment-setup), then select `React Native CLI Quickstart` tab.
Follow instructions for your given `development OS` and `target OS`.
## QUICK START
To create a new project using the boilerplate simply run :
```
npx react-native init MyApp --template @handidev/react-native-boilerplate
```
If you want to use typescript version of this React Native Boilerplate, just run this command:
```
npx react-native init MyApp --template @handidev/react-native-typescript-boilerplate
```
note: replace `MyApp` with your desired App name.
Assuming you have all the requirements installed, you can run the project by running:
- `yarn start` / `npm start -- -- reset-cache` to start the metro bundler, in a dedicated terminal
- `npx react-native run-ios` / `npx react-native run-android` to run the *platform* application (remember to start a simulator or connect a device)
## List of Q & A
#### I got error `Error: spawn ./gradlew EACCES` when run `npx react-native run-android`.
Run this command `chmod 755 android/gradlew` from your root project directory
#### I got error `Error: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.`
- Go to your Project -> Android
- Create a file local.properties
- Open the file
- Paste your Android SDK path depending on the operating system:
- Windows:
sdk.dir=C:\\Users\\`USERNAME`\\AppData\\Local\\Android\\sdk
- Linux or MacOS
sdk.dir=/Users/`USERNAME`/Library/Android/sdk
- Replace `USERNAME` with your PC username
### React Native Build Failed on M1 Macbook Pro / Air
try this solution: [How to Run and Build React Native on Macbook Pro M1 Apple Silicon](https://handi.dev/blog/how-run-react-native-on-macbook-m1-apple-silicon)