{"id":14974319,"url":"https://github.com/atliq/react-native-app-starter","last_synced_at":"2025-10-27T06:32:09.191Z","repository":{"id":42371355,"uuid":"334611106","full_name":"atliq/react-native-app-starter","owner":"atliq","description":"This boilerplate code for react native adds things like redux, basic login, light+dark theme facility, multi-language support and Fastlane to the app. ","archived":false,"fork":false,"pushed_at":"2024-11-26T09:30:41.000Z","size":728,"stargazers_count":20,"open_issues_count":0,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-01T03:24:00.934Z","etag":null,"topics":["mobile-app","react-native","react-native-app","react-native-basic","react-native-boiler-plate","react-native-boilerplate","react-native-template"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/atliq.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2021-01-31T08:48:10.000Z","updated_at":"2024-12-10T09:07:48.000Z","dependencies_parsed_at":"2024-02-27T11:04:21.473Z","dependency_job_id":"be7ef1fd-4c4e-439f-8e99-81c14c35ccc7","html_url":"https://github.com/atliq/react-native-app-starter","commit_stats":{"total_commits":41,"total_committers":11,"mean_commits":3.727272727272727,"dds":0.6585365853658536,"last_synced_commit":"a6a20ae9ee27b62506a7385724d7681b53c0cff4"},"previous_names":["atliq/react-native-starter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atliq%2Freact-native-app-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atliq%2Freact-native-app-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atliq%2Freact-native-app-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atliq%2Freact-native-app-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atliq","download_url":"https://codeload.github.com/atliq/react-native-app-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238455154,"owners_count":19475400,"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":["mobile-app","react-native","react-native-app","react-native-basic","react-native-boiler-plate","react-native-boilerplate","react-native-template"],"created_at":"2024-09-24T13:50:23.322Z","updated_at":"2025-10-27T06:32:09.187Z","avatar_url":"https://github.com/atliq.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-app-starter\n\nThis project is a [React Native](https://facebook.github.io/react-native/) boilerplate that can be used to kickstart a mobile application.\n\nThe boilerplate provides **an optimized architecture for building solid cross-platform mobile applications** through separation of concerns between the UI and business logic. It contains redux, saga, context, theme, localization, tabs and stack navigation.\n\n\u003cbr/\u003e\n\n[![npm version](https://img.shields.io/npm/v/react-native-app-starter.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-app-starter)\n\n## Getting Started\n\nCreates a new React Native project with TypeScript template:\n\n```bash\n# Using npx with default package manager (bun)\n$ npx react-native-app-starter \u003cProjectName\u003e\n\n# Using bunx with default package manager (bun)\n$ bunx react-native-app-starter \u003cProjectName\u003e\n\n# Specifying a different package manager\n$ npx react-native-app-starter \u003cProjectName\u003e --pm yarn\n$ npx react-native-app-starter \u003cProjectName\u003e --pm npm\n\n$ cd \u003cProjectName\u003e\n\n$ npx react-native run-ios\n\n$ npx react-native run-android\n```\n\n### Package Manager Options\n\nThe CLI supports three package managers:\n\n- **bun** (default) - Automatically installed if not present\n- **yarn** - Prompts for installation if not present\n- **npm** - Should be available with Node.js installation\n\n\u003cbr/\u003e\n\n## Directory Structure\n\n```\nroot\n├── __tests__\n├── android\n├── ios\n└── App\n    └── ApiConfig\n    └── AppContext\n    └── Routes\n    └── Screens\n    |    CommonComponent\n    |    Components\n    |    SubComponents\n    └── Services\n    └── Slices\n    |   ├──Default\n    └── Stores\n    └── Thunks\n    └── Theme\n    |    Images\n    |    Colors\n    └── Utils\n├── fastlane\n├── .env\n...\n```\n\n\u003cbr/\u003e\n\n## Preconfigured with\n\n- Latest react native version\n\n- Redux Toolkit\n\n- Theme support (Dark / Light)\n\n- Utility for validations and error messages\n\n- Custom font and font size for maintain typography\n\n- .env and fastlane setup\n\n- Support different env for PRODUCTION and DEVELOPMENT\n\n- User Authentication flow\n\n- UI for Login, Tabs and Settings\n\n\u003cbr/\u003e\n\n## Predefined UI\n\n\u003cdetails open\u003e\n  \u003csummary\u003eExpand for screenshots\u003c/summary\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\u003ctd colspan=2\u003e\u003cstrong\u003eiOS\u003c/strong\u003e\u003c/td\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/H1D2Q6v.png\" width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/JAd7gzg.md.png\"  width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/JAd7SmF.md.png\" width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/HEH6Q2t.png\" width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\u003ctd colspan=2\u003e\u003cstrong\u003eAndroid\u003c/strong\u003e\u003c/td\u003e\u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/HEJxT8B.png\" width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/JAdYzEx.md.png\"  width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/JAdYIrQ.md.png\" width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cp align=\"center\"\u003e\u003cimg src=\"https://iili.io/HEJxgA7.png\" width=\"200\" height=\"400\"/\u003e\u003c/p\u003e\u003c/td\u003e\n  \u003c/tr\u003e  \n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003c/details\u003e\n\n## Development\n\nThis CLI tool is built with TypeScript and provides a modular architecture for easy maintenance and testing.\n\n### Project Structure\n\n```\n├── src/\n│   ├── config/           # Configuration constants\n│   ├── services/         # Business logic services\n│   ├── utils/           # Utility functions\n│   ├── types/           # TypeScript type definitions\n│   └── index.ts         # Main exports\n├── dist/                # Compiled JavaScript output\n├── index.ts            # CLI entry point\n└── tsconfig.json       # TypeScript configuration\n```\n\n### Available Commands\n\n- `npm run build` - Compile TypeScript to JavaScript\n- `npm run dev` - Build and run the CLI tool\n- `npm run test:modules` - Run example tests\n- `npm run clean` - Remove compiled output\n\n### Building from Source\n\n```bash\n# Clone the repository\ngit clone \u003crepo-url\u003e\ncd react-native-app-starter\n\n# Install dependencies\nnpm install\n\n# Build the project\nnpm run build\n\n# Test the CLI\nnode dist/index.js --help\n```\n\n### Running with npx/bunx\n\nAfter publishing, the package can be used with:\n\n```bash\n# Using npx\nnpx react-native-app-starter my-app\n\n# Using bunx\nbunx react-native-app-starter my-app\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatliq%2Freact-native-app-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatliq%2Freact-native-app-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatliq%2Freact-native-app-starter/lists"}