victorkvarghese / React Native Boilerplate
Licence: mit
🚀 Type Based Architecture for developing React Native Apps using react, redux, sagas and hooks with auth flow
Stars: ✭ 375
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to React Native Boilerplate
React Native Feature Boilerplate
Feature based Architecture for developing Scalable React Native Apps 🚀 using react, redux, sagas and hooks
Stars: ✭ 139 (-62.93%)
Mutual labels: redux-persist, react-navigation, react-redux, redux-saga
React Native Boilerplate
🚀 React Native Boilerplate Updated
Stars: ✭ 9 (-97.6%)
Mutual labels: redux-persist, react-navigation, react-native-app, redux-saga
Redux React Navigation Demos
React-Native + Redux + Redux-Persist + React Navigation ( Authentication Flow with Redux demos)
Stars: ✭ 151 (-59.73%)
Mutual labels: redux-persist, react-navigation, react-redux
Mozi
此项目致力于构建一套最基础，最精简，可维护的react-native项目，支持ios，android 🌹
Stars: ✭ 501 (+33.6%)
Mutual labels: react-navigation, react-native-app, react-redux
ReactNativeSagaFrame
RN开发（一切尽在代码中）
Stars: ✭ 13 (-96.53%)
Mutual labels: react-navigation, redux-saga, react-redux
OneArtical
learning and practice redux,react-redux,redux-saga,redux-persist,redux-thunk and so on
Stars: ✭ 61 (-83.73%)
Mutual labels: redux-saga, react-redux, redux-persist
DLReactNativeArchitecture
React Native Architecture
Stars: ✭ 18 (-95.2%)
Mutual labels: react-navigation, react-redux, react-native-app
react-native-boilerplate
从真实项目中抽离出的一个简单的样板。(A simple boilerplate stripping out of a real project.)
Stars: ✭ 21 (-94.4%)
Mutual labels: react-navigation, redux-saga, redux-persist
Covid19-Stats-IN
This app helps in tracking COVID-19 cases in India using covid19India apis
Stars: ✭ 13 (-96.53%)
Mutual labels: react-navigation, react-redux
react-native-boilerplate
Expo + Redux + React Navigation Pre-setup Template (expo SDK 44)
Stars: ✭ 142 (-62.13%)
Mutual labels: react-navigation, react-redux
timeoff-server
TimeOff is an application that allows companies' employees to set vacations before they begin taking their time off. Implemented in modern tech stack i.e. Node, Express, MongoDB.
Stars: ✭ 33 (-91.2%)
Mutual labels: redux-saga, react-redux
reactnative-typescript
Playground and evolution of learnings done in react native with typescript
Stars: ✭ 28 (-92.53%)
Mutual labels: react-navigation, redux-persist
admin-template-for-react
🌏 Admin template for React, React Redux, Redux Saga, React Router, i18n and integrated OAuth login
Stars: ✭ 83 (-77.87%)
Mutual labels: redux-saga, react-redux
auth-with-saga-example
code for https://medium.com/@stepankuzmin/authentication-with-react-router-redux-5-x-and-redux-saga-55da66b54be7
Stars: ✭ 14 (-96.27%)
Mutual labels: redux-saga, react-redux
isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (-94.93%)
Mutual labels: redux-saga, react-redux
redux-saga-rn-alert
Alert.alert()-Support for side effects with redux-saga in react-native-apps
Stars: ✭ 23 (-93.87%)
Mutual labels: redux-saga, react-redux
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (-79.47%)
Mutual labels: react-redux, redux-persist
react native app start kit
a react-native app template
Stars: ✭ 11 (-97.07%)
Mutual labels: react-navigation, redux-saga
react-native-shopping-app
A shopping app using React Navigation, Redux, Redux-Thunk and Firebase.
Stars: ✭ 67 (-82.13%)
Mutual labels: react-navigation, react-redux
🚀 React Native Boilerplate - September 2020
React Native Boilerplate is a starting point for React Native application. This project is configured with redux, redux saga and redux persist. Uses latest version of react-navigation (v5.9)
Scalability Factor
This Type based Architecture scales smoothly for small - medium apps. If you guys are building a very large application I would suggest using the following feature based architecture which will be more developer friendly with ease of scaling.
React-Native-Feature-BoilerPlate
Projects using this BoilerPlate
Features
- Typescript support.
- React Hooks
- React Navigation with Authentication flow baked in & theming support.
- React Native Gesture Handler
- React Native Paper- with theming support
- React Native Vector Icons
- Redux with hooks support
- Redux Saga
- Redux Persist
- 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-boilerplate.git <your project name> -
Go to project's root directory,
cd <your project name> -
Remove
.gitfolder,rm -rf .git -
Use React Native Rename to update project name
$ npx react-native-rename <newName> -
Run
yarnto 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-androidor Use Android Studio (Recommended)
- Run
- On iOS:
- Open
ios/YourReactProject.xcworkspacein Xcode - Hit
Runafter selecting the desired device
- Open
- Enjoy!!!
Contributing
PRs are welcome
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].