React-Native Boilerplate

Redux architecture based react-native boilerplate

Project Directory

src/
├── appConstant/           # Application constants (e.g., config values, theme constants)
├── assets/                # Static assets like images, audio files
├── components/            # Reusable UI components
├── hooks/                 # Custom React Native hooks
├── navigation/            # React Navigation setup and configurations
├── networks/              # API URLs and API service definitions
├── screens/               # Individual application screens
├── redux/                 # Redux state management
│   ├── store/             # Redux store configuration
│   ├── sagas/             # Redux sagas for handling side effects
│   ├── actions/           # Redux action creators
│   └── reducers/          # Redux reducers
└── utils/                 # Utility and helper functions

Built With 🛠

• React-Native - React Native brings React's declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform..
• React-Navigation - Routing and navigation for your React Native apps.
• netinfo - React Native Network Info API for Android, iOS, macOS, Windows & Web
• react-native-async-storage - An asynchronous, persistent, key-value storage system for React Native.
• Redux - Redux is an open-source JavaScript library for managing and centralizing application state. It is most commonly used with libraries such as React or Angular for building user interfaces.
• Redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
• Redux-Saga - An intuitive Redux side effect manager.
• Axios - Promise based HTTP client for the browser and node.js
• Redux Persist - Redux Persist is a staple project for Redux developers, both on mobile and on the web.
• react-native-paper - Material Design for React Native (Android & iOS).
• react-native-vector-icons- Customizable Icons for React Native with support for image source and full styling.
• patch-package - Fix broken node modules instantly

Requirements

• Node.js (latest)
• Yarn (latest)

How to run

• git clone git@github.com:piashcse/react-native-boilerplate.git
• yarn install

Now, you can choose a command to run the project:

• yarn ios to run on iOS simulator
• yarn android to run on Android simulator

👨 Developed By

Mehedi Hassan Piash

License

Copyright 2023 piashcse (Mehedi Hassan Piash)

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.