{"id":23777300,"url":"https://github.com/leinstay/rnbnr-template","last_synced_at":"2025-09-05T20:32:21.562Z","repository":{"id":65359760,"uuid":"573863608","full_name":"leinstay/rnbnr-template","owner":"leinstay","description":"React Native boilerplate powered by NativeBase, ReactNavigation, ReduxToolkit and TypeScript that can be used to kickstart a mobile application.","archived":false,"fork":false,"pushed_at":"2022-12-04T22:10:39.000Z","size":2391,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-10T16:47:28.930Z","etag":null,"topics":["formik","mobile-app","native-base","react","react-native","react-navigation","redux-toolkit","typescript","yup-validation"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/rnbnr-template","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/leinstay.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}},"created_at":"2022-12-03T17:12:36.000Z","updated_at":"2022-12-11T19:43:16.000Z","dependencies_parsed_at":"2023-01-23T06:46:14.171Z","dependency_job_id":null,"html_url":"https://github.com/leinstay/rnbnr-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/leinstay/rnbnr-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leinstay%2Frnbnr-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leinstay%2Frnbnr-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leinstay%2Frnbnr-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leinstay%2Frnbnr-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leinstay","download_url":"https://codeload.github.com/leinstay/rnbnr-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leinstay%2Frnbnr-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273815666,"owners_count":25173278,"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","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["formik","mobile-app","native-base","react","react-native","react-navigation","redux-toolkit","typescript","yup-validation"],"created_at":"2025-01-01T08:24:11.264Z","updated_at":"2025-09-05T20:32:20.844Z","avatar_url":"https://github.com/leinstay.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RNBNR Starter Kit\n\nThis project is a [React Native](https://facebook.github.io/react-native/) boilerplate template powered by NativeBase, ReactNavigation, ReduxToolkit and TypeScript that can be used to kickstart a mobile application. The boilerplate provides **an optimized architecture for building solid cross-platform mobile applications** through separation of concerns between the UI and business logic. Live preview on [Google Play](https://play.google.com/store/apps/details?id=com.rnbnrstarterkit).\n\nInspiration: https://github.com/mcnamee/react-native-starter-kit\n\n![_1](https://user-images.githubusercontent.com/8215580/205414454-ffd036e5-7e2b-4e8e-a0e2-7fb803500137.gif)\n![_2](https://user-images.githubusercontent.com/8215580/205414460-9e18f865-9a6f-4706-90cc-be702b366a71.gif)\n\n## Features\n\nThis template consists of four screens and three components showing the interaction between used libraries and offers a predefined project structure.\n\n### Views\n\n- **Screens**\n  - Cards.tsx - _Demonstrates the use of a grid, images embedded in the application and a component constructed from a large number of props;_\n  - Forms.tsx - _Demonstrates integration between NativeBase UI, Formik form controller, Yup validator and RTK store;_\n  - Gallery.tsx - _Demonstrates the use of local state, remote images and gallery implementation;_\n  - Session.tsx - _Demonstrates access to user files and basic CRUD operations on store;_\n- **Components**\n  - AppBar.tsx - _Demonstrates basic examples of use of reducers and preservation of application data in offline mode;_\n  - Card.tsx - _Demonstrates reuse of a component by using props;_\n  - Modal.tsx - _Demonstrates reuse of a component by using store;_\n\n### Dependencies\n\n- **Mandatory**\n  - [React v18](reactjs.org) - _base library;_\n  - [React Native v0.70](https://reactnative.dev/) - _base library;_\n  - [Native Base v3.4](https://nativebase.io/) - _user interface toolkit;_\n  - [React Navigation v6](https://reactnavigation.org/) - _routing and navigation;_\n  - [Redux Toolkit v1.9](https://redux-toolkit.js.org/) - _flux architecture;_\n- **Optional**\n  - [Formik v2.2](https://formik.org/) - _advanced form controller_\n  - [YUP v0.32](https://github.com/jquense/yup) - _validation schema builder_\n  - [React Native Document Picker v8.1](https://github.com/rnmods/react-native-document-picker) - _interface to access documents;_\n  - [React Native Image Viewing v0.2.2](https://github.com/jobtoday/react-native-image-viewing) - _gallery plugin;_\n  - [React Native Vector Icons v9.2](https://github.com/oblador/react-native-vector-icons) - _additional icons from Feather, FontAwesome, etc;_\n- **Development**\n  - [TypeScript v4.9](https://www.typescriptlang.org/) - _extends javascript by adding types to the language_\n  - [Prettier v2.8](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - _code formatter_\n  - [ESLint v7.32](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - _code linter (config extends @react-native-community/eslint-config rules)_\n\n### Structure\n\n- src\n  - assets - _static assets such as videos, fonts, images, etc_;\n  - components - _custom components for use in screens_;\n    - ...\n    - Component.tsx\n  - screens - _finished screens, i.e. views for your application_;\n    - ...\n    - Screen.tsx\n  - slices - _business logic implemented using Redux reducers;_\n    - ...\n    - Slice.tsx\n  - Theme.tsx - _global theme parameters, as an example this application uses the [Poppins](https://fonts.google.com/specimen/Poppins) font;_\n  - Store.tsx - _state container which holds the application's global state;_\n  - Types.tsx - _custom types and interfaces;_\n- App.tsx - _handles your app startup and routing;_\n\n## Installation\n\n- Install [React Native Debugger](https://github.com/jhen0409/react-native-debugger/releases) and open before running the app\n- Install `eslint` and `prettier` plugins into your IDE (you can adjust settings in .eslintrc.js and .prettierrc.js)\n- Ensure your machine has the [React Native dependencies installed](https://facebook.github.io/react-native/docs/getting-started)\n\nTo create a new project using the boilerplate simply run:\n\n```bash\nnpx react-native init MyApp --template rnbnr-template\n```\n\nThan install dependencies:\n\n```bash\nnpm install\ncd ios \u0026\u0026 pod install # for iOS\n```\n\nAnd test your new application:\n\n```bash\nnpm run android # for Android devices or Android Simulator\nnpm run ios # for iOS devices or iOS Simulator\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleinstay%2Frnbnr-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleinstay%2Frnbnr-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleinstay%2Frnbnr-template/lists"}