React Native App Boilerplate using React Query, Zustand
? React Native Query Boilerplate with Zustand
Built using
Features
- Typescript support.
- React Hooks
- React Query
- Zustand
- React Navigation with Authentication flow baked in & theming support.
- React Native Gesture Handler
- React Native Paper– with theming support
- React Native Vector Icons
- Jest
- Eslint (Airbnb config)
How this looks
Prerequisites
- Node v10 (it is recommended to install it via NVM)
- Yarn
- A development machine set up for React Native by following these instructions
Getting Started
-
Clone this repo,
git clone https://github.com/victorkvarghese/react-native-zustand-boilerplate.git <your project name>
-
Go to project’s root directory,
cd <your project name>
-
Remove
.git
folder,rm -rf .git
-
Use React Native Rename to update project name
$ npx react-native-rename <newName>
-
Run
yarn
to install dependencies -
Start the packager with
yarn start
-
Connect a mobile device to your development machine
-
Run the test application:
- On Android:
- Run
react-native run-android
or Use Android Studio (Recommended)
- Run
- On iOS:
- Open
ios/YourReactProject.xcworkspace
in Xcode - Hit
Run
after selecting the desired device
- Open
- Enjoy!!!
Contributing
PRs are welcome