https://github.com/victorkvarghese/react-native-query-boilerplate

React Native App Boilerplate using React Query, Zustand (un-opinionated small, fast and scalable solution)
https://github.com/victorkvarghese/react-native-query-boilerplate

android hermes ios react-native react-native-boilerplate react-native-gesture-handler react-native-paper react-navigation react-query reactjs zustand

Last synced: 29 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/victorkvarghese/react-native-query-boilerplate
• Owner: victorkvarghese
• License: mit
• Created: 2021-10-09T12:24:27.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-22T12:08:23.000Z (over 1 year ago)
• Last Synced: 2024-10-01T00:42:10.762Z (about 1 month ago)
• Topics: android, hermes, ios, react-native, react-native-boilerplate, react-native-gesture-handler, react-native-paper, react-navigation, react-query, reactjs, zustand
• Language: Java
• Homepage:
• Size: 1.5 MB
• Stars: 183
• Watchers: 5
• Forks: 32
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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

[![React Native](https://img.shields.io/badge/React%20Native-v0.66.0-green.svg)](https://facebook.github.io/react-native/)

[![React Navigation V6](https://img.shields.io/badge/React%20Navigation-v6.0-blue.svg)](https://reactnavigation.org/)

## Built using



  

  



  







## Features

- [Expo](https://docs.expo.dev/) support. Check expo branch.

- [Typescript](https://www.typescriptlang.org/) support.

- [React Hooks](https://reactjs.org/docs/hooks-intro.html)

- [React Query](https://react-query.tanstack.com)

- [Zustand](https://github.com/pmndrs/zustand)

- [React Navigation](https://reactnavigation.org/) with [Authentication flow](https://reactnavigation.org/docs/auth-flow) baked in & theming support.

- [React Native Gesture Handler](https://github.com/kmagiera/react-native-gesture-handler)

- [React Native Paper](https://callstack.github.io/react-native-paper/)- with theming support 

- [React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)

- [Jest](https://facebook.github.io/jest/)

- [Eslint](http://eslint.org/) ([Airbnb config](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb))

## How this looks

  

  

## Prerequisites

- [Node](https://nodejs.org) v10 (it is recommended to install it via [NVM](https://github.com/creationix/nvm))

- [Yarn](https://yarnpkg.com/)

- A development machine set up for React Native by following [these instructions](https://facebook.github.io/react-native/docs/getting-started.html)

## Getting Started

1. Clone this repo, `git clone https://github.com/victorkvarghese/react-native-zustand-boilerplate.git `

2. Go to project's root directory, `cd `

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

4. Use [React Native Rename](https://github.com/junedomingo/react-native-rename) to update project name `$ npx react-native-rename `

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