victorkvarghese / react-native-query-boilerplate

React Native App Boilerplate using React Query, Zustand (un-opinionated small, fast and scalable solution)

🚀 React Native Query Boilerplate with Zustand (RN / Expo)

Built using

Features

• Expo support. Check expo branch.
• 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

1. Clone this repo, git clone https://github.com/victorkvarghese/react-native-zustand-boilerplate.git <your project name>

2. Go to project's root directory, cd <your project name>

3. Remove .git folder, rm -rf .git

4. Use React Native Rename to update project name $ npx react-native-rename <newName>

5. Run yarn to install dependencies

6. Start the packager with yarn start

7. Connect a mobile device to your development machine

8. Run the test application:

• On Android:
  • Run react-native run-android or Use Android Studio (Recommended)
• On iOS:
  • Open ios/YourReactProject.xcworkspace in Xcode
  • Hit Run after selecting the desired device

9. Enjoy!!!

Contributing

PRs are welcome