{"id":13880858,"url":"https://github.com/IronTony/react-native-redux-toolkit-starter-app","last_synced_at":"2025-07-16T17:31:13.325Z","repository":{"id":36990168,"uuid":"232852386","full_name":"IronTony/react-native-redux-toolkit-starter-app","owner":"IronTony","description":"📱🚀A POWERFUL React Native starter kit to bootstrap the start of your mobile app development","archived":false,"fork":false,"pushed_at":"2024-02-22T02:17:34.000Z","size":12742,"stargazers_count":379,"open_issues_count":14,"forks_count":61,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-07-14T17:00:46.036Z","etag":null,"topics":["i18next","react-native","redux","redux-saga","redux-toolkit","reselect","splashscreen","starter-kit"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IronTony.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://www.buymeacoffee.com/IronTony"]}},"created_at":"2020-01-09T16:23:25.000Z","updated_at":"2025-06-30T07:45:30.000Z","dependencies_parsed_at":"2024-11-24T12:19:06.903Z","dependency_job_id":null,"html_url":"https://github.com/IronTony/react-native-redux-toolkit-starter-app","commit_stats":null,"previous_names":[],"tags_count":23,"template":true,"template_full_name":null,"purl":"pkg:github/IronTony/react-native-redux-toolkit-starter-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronTony%2Freact-native-redux-toolkit-starter-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronTony%2Freact-native-redux-toolkit-starter-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronTony%2Freact-native-redux-toolkit-starter-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronTony%2Freact-native-redux-toolkit-starter-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IronTony","download_url":"https://codeload.github.com/IronTony/react-native-redux-toolkit-starter-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronTony%2Freact-native-redux-toolkit-starter-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265527547,"owners_count":23782480,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["i18next","react-native","redux","redux-saga","redux-toolkit","reselect","splashscreen","starter-kit"],"created_at":"2024-08-06T08:03:33.141Z","updated_at":"2025-07-16T17:31:12.548Z","avatar_url":"https://github.com/IronTony.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/IronTony"],"categories":["TypeScript"],"sub_categories":[],"readme":"# React Native Redux Toolkit Start App  \u003c!-- omit in toc --\u003e\n\n\u003e A React Native boilerplate app to bootstrap your next app with Redux Toolkit and Saga!\n\n## 🔥🔥🔥 Upgraded to the latest React-Native (\u003e 0.72.x) with brand New Architecture (Fabric) 🔥🔥🔥\n\n\u003cbr/\u003e\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./react-native-starter-kit.png\" width=\"100%\" /\u003e \n\u003c/div\u003e\n\n## 🔥🔥 Checkout also my brand new React Native React-Query (no redux toolkit) [here](https://github.com/IronTony/react-native-react-query-starter-app) 🔥🔥\n\n[![License](https://img.shields.io/github/license/IronTony/react-native-redux-toolkit-starter-app)](LICENSE)\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-2-screen.svg?style=flat)](#contributors-:sparkles:)\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n[![Issues](https://img.shields.io/github/issues/IronTony/react-native-redux-toolkit-starter-app.svg)](https://github.com/IronTony/react-native-redux-toolkit-starter-app/issues)\n\n\u003cimg src=\"https://img.icons8.com/color/48/000000/travis-ci.png\" width=\"30px\" /\u003e [![Build](https://travis-ci.com/IronTony/react-native-redux-toolkit-starter-app.svg?branch=master)](https://travis-ci.com/IronTony/react-native-redux-toolkit-starter-app)\n\n[![Build](https://img.shields.io/badge/iOS%20Tested-success-brightgreen.svg)](https://github.com/IronTony/react-native-redux-toolkit-starter-app)\n[![Build](https://img.shields.io/badge/Android%20Tested-success-brightgreen.svg)](https://github.com/IronTony/react-native-redux-toolkit-starter-app)\n\n\u003ca href=\"https://www.buymeacoffee.com/IronTony\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/lato-blue.png\" alt=\"Buy Me A Coffee\" width=\"217px\" /\u003e\u003c/a\u003e\n\n# Table of Contents \u003c!-- omit in toc --\u003e\n\n- [🔥🔥🔥 Upgraded to the latest React-Native (\\\u003e 0.72.x) with brand New Architecture (Fabric) 🔥🔥🔥](#-upgraded-to-the-latest-react-native--072x-with-brand-new-architecture-fabric-)\n- [🔥🔥 Checkout also my brand new React Native React-Query (no redux toolkit) here 🔥🔥](#-checkout-also-my-brand-new-react-native-react-query-no-redux-toolkit-here-)\n- [Installation :inbox\\_tray:](#installation-inbox_tray)\n- [Rename project and bundles :memo: :package:](#rename-project-and-bundles-memo-package)\n  - [iOS \\\u0026 Android](#ios--android)\n- [Environment Setup :globe\\_with\\_meridians:](#environment-setup-globe_with_meridians)\n- [Scripts :wrench:](#scripts-wrench)\n  - [Run the app](#run-the-app)\n  - [Generate app icons](#generate-app-icons)\n  - [Generate Splashscreen](#generate-splashscreen)\n  - [To enabled React-Native (Fabric) new architecture](#to-enabled-react-native-fabric-new-architecture)\n  - [Setup iOS](#setup-ios)\n  - [Typescript (optional)](#typescript-optional)\n  - [ATTENTION Circular dependencies script checker](#attention-circular-dependencies-script-checker)\n- [Roadmap :running:](#roadmap-running)\n- [Screenshots](#screenshots)\n- [Contributors :sparkles:](#contributors-sparkles)\n- [License :scroll:](#license-scroll)\n\n---\n\n## Installation :inbox_tray:\n\n```bash\n# Setup your project\n\u003e npx degit IronTony/react-native-redux-toolkit-starter-app your-new-app\n\n\u003e cd your-new-app\n\n# Install dependencies\n\u003e yarn\n\n# if needed, setup iOS development environment\nyarn setup:ios\n```\n\nSee [`environment`](#environment-setup-:globe_with_meridians:) section for how to configure env variables.\n\nSee [`scripts`](#scripts-:wrench:) section for how to run the app.\n\n---\n\n## Rename project and bundles :memo: :package:\n\nTo rename the project and bundles, just follow these steps:\n\n### iOS \u0026 Android\n\nRun `npx react-native-rename [name] -b [bundle-identifier]` from the project root\n\nExample:\n`npx react-native-rename \"Test New App\" -b com.testnewapp`\n\n---\n\n## Environment Setup :globe_with_meridians:\n\n`React Native Starter App` environments variables management is based on a custom script and the `app.json` config file.\n\nDefine your environment variables inside `app.json` inside the `environments` object under the desired\nenvironment key (such as `development`, `staging` or `production`) and then run the app for the required env\nusing one of the available run scripts (e.g. `ios:dev`).\n\nIf you want to use IDEs such Xcode or Android Studio, you have to set up the ENV variables with these commands:\n\n- `yarn env:dev`, to set the development ENV variables\n- `yarn env:stage`, to set the staging ENV variables\n- `yarn env:prod`, to set the production ENV variables\n\nIf you want to use this in any file, just:\n\n`import env from '@env';`\n\nand use like this:\n\n`env.API_URL`\n\n---\n\n## Scripts :wrench:\n\n### Run the app\n\nTo run the app use one of the following scripts:\n\n- `yarn android:dev`, to start the app on Android with the `development` environment variables.\n- `yarn android:stage`, to start the app on Android with the `staging` environment variables.\n- `yarn android:prod`, to start the app on Android with the `production` environment variables.\n\n- `yarn ios:dev`, to start the app on iOS with the `development` environment variables.\n- `yarn ios:stage`, to start the app on iOS with the `staging` environment variables.\n- `yarn ios:prod`, to start the app on iOS with the `production` environment variables.\n\nIf using the `ios` commands you will receive an error like this:\n\n\u003cimg src=\"./docs/error.png\" maxWidth=\"700px\" /\u003e\n\nJust do the following steps:\n\n- Launch Xcode\n- Settings\n- Locations\n\nMake sure there's a dropdown option selected for the command line tools\nNOTE: Even if you're seeing Command Line Tools dropdown being selected with proper version, you might want to re-select it again. It will ask for login password.\n\n\u003cimg src=\"./docs/ios_locations.png\" maxWidth=\"700px\" /\u003e\n\n_REMEMBER: The Command Line Tools should be the latest one or the one matching your Xcode version_\n\n\n### Generate app icons\n\nTo setup the app icons:\n\n- create an image at least `1024x1024px`\n- place it under `/assets` folder as `icon.png`\n- run\n\n```sh\nyarn assets:icons\n```\n\n### Generate Splashscreen\n\nTo setup the iOS app splashscreen:\n\n- create an image at least `1242x2208px`\n- place it under `/assets` folder as `ios_splashscreen.png`\n- run\n\n```sh\nyarn assets:splashscreen:ios\n```\n\nTo setup the Android app splashscreen:\n\n- create an image at least `150x134px`\n- place it under `/assets` folder as `android_splashscreen.png`\n- run\n\n```sh\nyarn assets:splashscreen:android\n```\n\nIf you want to customize the output icon, open the `package.json` file and customized the backgtound color, size, ..... in the following command `assets:splashscreen:android`\n\n\n### To enabled React-Native (Fabric) new architecture\n\nCheck the official documentation [here](https://reactnative.dev/docs/new-architecture-intro)\n\n### Setup iOS\n\nTo setup the environment to run on iOS, run\n\n```sh\nyarn setup:ios\n```\n\nthis will run `cocoapods` to install all the required dependencies.\n\n### Typescript (optional)\n\nThe use of Typescript in the project is not mandatory.\nYou can just write all your code using plain Javascript.\nOur hint is to create all files as below:\n\n- files with logic and Views with `tsx` extension\n- files with Stylesheet and others with `ts` extension\n\nTo enable full Typescript checks, just open the `tsconfig.json` file and chage as below:\u003cbr/\u003e\n\n```\n\"noImplicitAny\": true, // set to true to be explicit and declare all types now\u003cbr/\u003e\n\"strict\": true,  // enable it to use fully Typescript set of invasive rules\u003cbr/\u003e\n```\n\n_REMEMBER: the entry point file in the root of the project MUST be index.js_\n\n---\n\n### ATTENTION Circular dependencies script checker\n\nIf running this script `dependencies:graph`, you get this error:\n`Error: Graphviz could not be found. Ensure that \"gvpr\" is in your $PATH`\n\nIf you are on a Mac: `brew install graphviz`\nOn Windows, after installation, do this: \u003cimg src=\"https://user-images.githubusercontent.com/24865815/91755813-b8224a00-eb99-11ea-9489-10973000c043.png\" maxWidth=\"700px\" /\u003e\n\n## Roadmap :running:\n\n✅ Initial Setup\u003cbr/\u003e\n✅ `react-native-bootsplash` (https://github.com/zoontek/react-native-bootsplash)\u003cbr/\u003e\n✅ `react-native-toolbox` to generate Splashscreen and icons automagically (https://github.com/Forward-Software/react-native-toolbox)\u003cbr/\u003e\n✅ Standard tree folders structure\u003cbr/\u003e\n✅ `React-Native 0.72.6`\u003cbr/\u003e\n✅ `redux-toolkit`\u003cbr/\u003e\n✅ `redux-persist` (https://github.com/rt2zz/redux-persist)\u003cbr/\u003e\n✅ `React Native Debugger`\u003cbr/\u003e\n✅ `redux-saga`\u003cbr/\u003e\n✅ `i18next`\u003cbr/\u003e\n✅ `react-navigation v6` ❤️\u003cbr/\u003e\n✅ `Tamagui` as design system\u003cbr /\u003e\n✅ `Env` variables selection experimental way ⚗️⚗️⚗️\u003cbr /\u003e\n✅ Typescript (optional use. Read the DOC above)\u003cbr /\u003e\n\n\n---\n\n## Screenshots\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./screenshots/screenshot1.png\" width=\"50%\" /\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./screenshots/screenshot2.png\" width=\"50%\" /\u003e \n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./screenshots/screenshot3.png\" width=\"50%\" /\u003e\n\u003c/div\u003e\n\n---\n\n## Contributors :sparkles:\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/IronTony\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/3645225?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIronTony\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-IronTony\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/IronTony/react-native-redux-toolkit-starter-app/commits?author=IronTony\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/IronTony/react-native-redux-toolkit-starter-app/commits?author=IronTony\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/IronTony/react-native-redux-toolkit-starter-app/issues?q=author%3AIronTony\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"#maintenance-IronTony\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#platform-IronTony\" title=\"Packaging/porting to new platform\"\u003e📦\u003c/a\u003e \u003ca href=\"#question-IronTony\" title=\"Answering Questions\"\u003e💬\u003c/a\u003e \u003ca href=\"https://github.com/IronTony/react-native-redux-toolkit-starter-app/pulls?q=is%3Apr+reviewed-by%3AIronTony\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e \u003ca href=\"https://github.com/IronTony/react-native-redux-toolkit-starter-app/commits?author=IronTony\" title=\"Tests\"\u003e⚠️\u003c/a\u003e \u003ca href=\"#example-IronTony\" title=\"Examples\"\u003e💡\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-enable --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n---\n\n## License :scroll:\n\nLicensed under [Mozilla Public License Version 2.0](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FIronTony%2Freact-native-redux-toolkit-starter-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FIronTony%2Freact-native-redux-toolkit-starter-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FIronTony%2Freact-native-redux-toolkit-starter-app/lists"}