{"id":13455248,"url":"https://github.com/bonnguyenitc/react-native-starter","last_synced_at":"2026-01-24T08:29:17.115Z","repository":{"id":54999998,"uuid":"509913410","full_name":"bonnguyenitc/react-native-starter","owner":"bonnguyenitc","description":"React Native Template - v0.72.5 (Always latest RN version) high scalability, full features for start new application. Let's BUILD 🚀🚀🚀","archived":false,"fork":false,"pushed_at":"2024-01-10T10:26:20.000Z","size":8296,"stargazers_count":31,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-24T08:40:05.002Z","etag":null,"topics":["react-native","template"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/bonnguyenitc.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":"2022-07-03T03:31:23.000Z","updated_at":"2025-01-23T23:37:33.000Z","dependencies_parsed_at":"2024-10-28T22:41:53.388Z","dependency_job_id":null,"html_url":"https://github.com/bonnguyenitc/react-native-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/bonnguyenitc/react-native-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonnguyenitc%2Freact-native-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonnguyenitc%2Freact-native-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonnguyenitc%2Freact-native-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonnguyenitc%2Freact-native-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bonnguyenitc","download_url":"https://codeload.github.com/bonnguyenitc/react-native-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bonnguyenitc%2Freact-native-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28720642,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T08:27:05.734Z","status":"ssl_error","status_checked_at":"2026-01-24T08:27:01.197Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["react-native","template"],"created_at":"2024-07-31T08:01:02.955Z","updated_at":"2026-01-24T08:29:17.085Z","avatar_url":"https://github.com/bonnguyenitc.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# React Native Template Starter\n\n[![Demo](./dist/demo.gif)](https://github-production-user-asset-6210df.s3.amazonaws.com/29059779/295525856-20ef36fa-e946-448b-805d-8c95ea5e33c3.mp4)\n\n# Document table of contents\n\n### [✅ 01 - How to change app logo](https://github.com/bonnguyenitc/react-native-starter/blob/main/docs/01-how-to-change-app-logo.md)\n\n### [✅ 02 - How to change splash screen](https://github.com/bonnguyenitc/react-native-starter/blob/main/docs/02-how-to-change-splash-screen.md)\n\n### [✅ 03 - How to keep code changed from node_modules](https://github.com/bonnguyenitc/react-native-starter/blob/main/docs/03-how-to-keep-code-changed-from-node-modules.md)\n\n## With Fue Cli [Source](https://github.com/bonnguyenitc/fue)\n\n### Create project with fue\n\n`npx fue-cli new`\n\n### Generate code with fue\n\n#### In root\n\n1. Generate widget (default dir: src/components/widgets)\n   `fue g widget widget-name --reactnative`\n2. Generate modal (default dir: src/components/modals)\n   `fue g modal modal-name --reactnative`\n3. Generate module (default dir: src/modules)\n   `fue g module module-name --reactnative`\n4. Generate form (default dir: src/components/forms)\n   `fue g form form-name --reactnative`\n5. Generate in form a specify dir\n   `fue g form a/b/c/form-name --reactnative`\n\n#### In module\n\n1. Generate widget\n   `fue g widget widget-name --reactnative --module=auth`\n2. Generate modal\n   `fue g modal modal-name --reactnative --module=auth`\n3. Generate module\n   `fue g module module-name --reactnative --module=auth`\n4. Generate form\n   `fue g form form-name --reactnative --module=auth`\n5. Generate screen\n   `fue g screen screen-name --reactnative --module=auth`\n6. Generate in form a specify dir\n   `fue g form a/b/c/form-name --reactnative`\n\n## Features and Roadmap\n\n- ✅ Navigation v6\n- ✅ Theme by restyle\n- ✅ Splash screen\n- ✅ State management\n- ✅ Multi env: dev, stg, prd\n- ✅ Multi language\n- ✅ Validate form\n- ✅ Integrate api\n- ✅ Git Hooks with Husky\n\n## Dependencies and Libraries\n\n##\n\n| Package                                                                        | Version  |\n| ------------------------------------------------------------------------------ | -------- |\n| [React navigation](https://reactnavigation.org)                                | v6       |\n| [@shopify/restyle](https://github.com/Shopify/restyle)                         | ^2.1.0   |\n| [axios](https://axios-http.com/)                                               | ^0.27.2  |\n| [i18next](https://www.i18next.com/)                                            | ^21.8.11 |\n| [react-hook-form](https://react-hook-form.com/)                                | ^7.33.0  |\n| [react-native](https://reactnative.dev/)                                       | 0.72.5   |\n| [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)  | ^5.0.3   |\n| [react-native-config](https://github.com/luggit/react-native-config)           | ^1.5.1   |\n| [react-native-mmkv](https://github.com/mrousavy/react-native-mmkv)             | ^2.10.2  |\n| [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/) | ^3.5.4   |\n| [yup](https://github.com/jquense/yup)                                          | ^0.32.11 |\n| [zustand](https://github.com/pmndrs/zustand)                                   | ^4.4.2   |\n\n## Quick Start\n\n#### Require environment:\n\n- XCode \u003e= 13.2.1, Android Studio, JDK 11\n- NodeJS v16.17.0, Yarn v1.22.19\n- Code editor: VScode, ext (Auto Rename Tag, Code Spell Checker, Color Highlight, Error Lens, ES7+ React/Redux/React-Native snippets, ESLint, Import Cost, Prettier - Code formatter, Rainbow Brackets)\n- Setting up the development environment: [React Native](https://reactnative.dev/docs/environment-setup)\n\n#### Run the CLI:\n\n##\n\n```bash\n# pull source from cli\nnpx fue-cli new\n\n# pull source from git\ngit clone https://github.com/bonnguyenitc/react-native-starter.git\n\n# install:\nyarn\n\n# run application android development\nyarn android:dev\nyarn android:stg\nyarn android:prod\n\n# run application iOS development\nyarn ios:dev\nyarn ios:stg\nyarn ios:prod\n\n# build release with cmd\n./deploy.sh\n\nAnd more in package.json. Check it!\n```\n\n## Rules and Conventions for development\n\n- Airbnb JavaScript Style Guide [LINK](https://github.com/airbnb/javascript)\n- Naming\n  - Folder, File : kabab-case (name-file.tsx)\n  - Hook file, naming variables, functions, classes, interfaces, types, enums: camelCase (useHook)\n\n## Structure of the project\n\n##\n\n```\n├── Gemfile\n├── README.md\n├── __mocks__\n├── __tests__\n├── android\n├── app.json\n├── assets\n├── babel.config.js\n├── bin\n├── index.js\n├── ios\n├── jest\n├── jest.config.js\n├── metro.config.js\n├── package.json\n├── patches\n├── react-native.config.js\n├── scripts\n├── src\n│   ├── app.tsx\n│   ├── assets\n│   │   ├── fonts\n│   │   ├── images\n│   │   ├── index.ts\n│   │   └── jsons\n│   ├── components\n│   │   ├── form\n│   │   ├── modals\n│   │   └── widgets\n│   │       ├── align\n│   │       ├── app-bar\n│   │       ├── box\n│   │       ├── button\n│   │       ├── card\n│   │       ├── center\n│   │       ├── col\n│   │       ├── if\n│   │       ├── image\n│   │       ├── index.ts\n│   │       ├── positioned\n│   │       ├── row\n│   │       ├── screen\n│   │       ├── space\n│   │       ├── spinner\n│   │       ├── stack\n│   │       ├── switch\n│   │       ├── text\n│   │       ├── text-button\n│   │       ├── text-input\n│   │       ├── touchable\n│   │       └── wrap\n│   ├── localization\n│   ├── modules\n│   │   ├── auth\n│   │   │   ├── api\n│   │   │   ├── assets\n│   │   │   ├── components\n│   │   │   ├── hooks\n│   │   │   ├── index.ts\n│   │   │   ├── routes\n│   │   │   ├── screens\n│   │   │   ├── stores\n│   │   │   ├── types\n│   │   │   └── utils\n│   │   ├── error\n│   │   │   ├── components\n│   │   │   └── screens\n│   │   └── home\n│   │       ├── components\n│   │       ├── routes\n│   │       └── screens\n│   ├── provider\n│   ├── routes\n│   └── common\n│       ├── config\n│       ├── constants\n│       ├── hooks\n│       ├── libs\n│       ├── stores\n│       ├── themes\n│       ├── types\n│       └── utils\n├── tsconfig.json\n├── tsconfig.paths.json\n├── types\n│   └── declarations.d.ts\n├── yarn-error.log\n└── yarn.lock\n```\n\n## Folder structure of a module\n\n##\n\n```\n├── auth\n    ├── api\n    ├── assets\n    ├── components\n    ├── hooks\n    ├── routes\n    ├── screens\n    ├── stores\n    ├── types\n    └── utils\n```\n\n## Welcome contributors from this project!!!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbonnguyenitc%2Freact-native-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbonnguyenitc%2Freact-native-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbonnguyenitc%2Freact-native-starter/lists"}