React Native Redux Toolkit Starter App

Overview:

The React Native Redux Toolkit Start App is a boilerplate app that is designed to provide a starting point for developers looking to build a React Native app with Redux Toolkit and Saga. It has been upgraded to the latest version of React Native and utilizes the new Fabric architecture. The app also includes a brand new React Native React-Query, which does not use Redux Toolkit.

Features:

• Built with Redux Toolkit and Saga for efficient state management
• Upgraded to the latest version of React Native with the new Fabric architecture
• Includes a brand new React Native React-Query implementation
• Supports iOS and Android platforms
• Allows for easy renaming of the project and bundles
• Supports environment variables management through the app.json config file
• Provides scripts for running the app with different environment variables
• Includes support for setting up TypeScript (optional)
• Provides a script checker for circular dependencies
• Offers a roadmap for future development
• Includes screenshot examples of the app
• Shows a list of contributors
• Comes with an open-source license

Installation:

To install the React Native Redux Toolkit Start App, follow these steps:

1. Rename the project and bundles:

   • Run the command npx react-native-rename [name] -b [bundle-identifier] from the project root.
   • Replace [name] with the desired name for your project.
   • Replace [bundle-identifier] with the desired bundle identifier for your project.

2. Environment Setup:

   • Define your environment variables inside the app.json file, under the environments object and the desired environment key (e.g. development, staging, production).
   • Run the app for the required environment using one of the available run scripts (e.g. yarn ios:dev, yarn android:stage).
   • If using Xcode or Android Studio, set up the environment variables with the commands yarn env:dev, yarn env:stage, or yarn env:prod.

3. Running the app:

   • Use one of the following scripts to start the app with the desired environment variables:
     • yarn android:dev - for Android with development environment variables
     • yarn android:stage - for Android with staging environment variables
     • yarn android:prod - for Android with production environment variables
     • yarn ios:dev - for iOS with development environment variables
     • yarn ios:stage - for iOS with staging environment variables
     • yarn ios:prod - for iOS with production environment variables
   • If using the iOS commands and encountering an error, follow the steps provided to resolve the issue.

Summary:

The React Native Redux Toolkit Start App is a boilerplate app that provides a solid foundation for building a React Native app with Redux Toolkit and Saga. With its support for the latest version of React Native and the Fabric architecture, it offers improved performance and stability. The inclusion of React Native React-Query provides an alternative to Redux Toolkit. The app also offers various features such as environment variables management, project renaming, and TypeScript support. Overall, this boilerplate app is a valuable resource for developers starting a new React Native project.