RNProBoilerCore is a React Native project boilerplate that provides a solid foundation for building scalable and maintainable mobile apps. It incorporates best practices for project structure, theming, localization, component creation, custom hooks, Redux Toolkit, and navigation.
-
Project Structure: The project structure follows a modular pattern, making it easy to organize and scale your application. The key directories are:
src
: Main source code.src/components
: Reusable UI components.src/config
: Application configs includes Localization, Store, Theme setup.src/navigation
: Navigation setup.src/hooks
: Custom hooks.src/constants
: Application Constants.src/core-ui
: Core app things.src/fixtures
: All temporary/fake datasrc/helpers
: Helper functionssrc/modules
: App Modules includes all the modulessrc/services
: Application services
-
Theming: The project includes a theming system that allows you to easily customize the visual appearance of your app.
-
Localization: Built-in support for localization using the popular
react-native-localization
library. Easily translate your app into multiple languages. -
Reusable Components: A collection of reusable UI components to help you build your app faster.
-
Redux Toolkit: State management is set up using Redux Toolkit, making it efficient and straightforward to manage your app's state.
-
Navigation: The project includes React Navigation setup with navigators and routing configured.
- Install
eslint
andprettier
plugins into your IDE - Ensure your machine has the React Native dependencies installed
git clone https://github.com/sonalmaniya/RNProBoilerCore.git
# Install dependencies
yarn install && npx pod-install
# Start in the iOS Simulator
yarn ios
# Start in the Android Simulator
yarn android