{"id":16684959,"url":"https://github.com/simform-solutions/advanced-reactnativeboilerplate","last_synced_at":"2025-06-12T20:05:11.135Z","repository":{"id":48549404,"uuid":"149270177","full_name":"simform-solutions/Advanced-ReactNativeBoilerPlate","owner":"simform-solutions","description":"An advanced ReactNativeBoilerPlate created using ignite-cli and setup with eslint and latest react-native","archived":false,"fork":false,"pushed_at":"2021-07-20T19:39:18.000Z","size":2975,"stargazers_count":12,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-09T23:52:05.995Z","etag":null,"topics":["react-native","react-native-boiler-plate"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/simform-solutions.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-18T10:27:55.000Z","updated_at":"2023-10-13T05:54:17.000Z","dependencies_parsed_at":"2022-08-31T20:00:12.175Z","dependency_job_id":null,"html_url":"https://github.com/simform-solutions/Advanced-ReactNativeBoilerPlate","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/simform-solutions/Advanced-ReactNativeBoilerPlate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simform-solutions%2FAdvanced-ReactNativeBoilerPlate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simform-solutions%2FAdvanced-ReactNativeBoilerPlate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simform-solutions%2FAdvanced-ReactNativeBoilerPlate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simform-solutions%2FAdvanced-ReactNativeBoilerPlate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simform-solutions","download_url":"https://codeload.github.com/simform-solutions/Advanced-ReactNativeBoilerPlate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simform-solutions%2FAdvanced-ReactNativeBoilerPlate/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259521512,"owners_count":22870448,"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":["react-native","react-native-boiler-plate"],"created_at":"2024-10-12T14:45:38.428Z","updated_at":"2025-06-12T20:05:11.105Z","avatar_url":"https://github.com/simform-solutions.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **We are no longer using this as we have developed another boilerplate which has several amazing features. Check it out [SimformRN](https://github.com/simformsolutions/react-native-boilerplate-latest)**\n\n##  Advanced React-Native Boiler Plate\n\n[![React Native](https://img.shields.io/badge/React%20Native-v0.59.8-blue.svg)](https://facebook.github.io/react-native/)\n[![React Navigation V3](https://img.shields.io/badge/React%20Navigation-v3.0.9-blue.svg)](https://reactnavigation.org/)\n[![js-eslint-style](https://img.shields.io/badge/lint%20compliance-eslint:recommended-brightgreen.svg?style=flat)](http://eslint.org/)\n\n* This is an extension of the [ignite react-native boiler plate](https://github.com/infinitered/ignite-ir-boilerplate-andross). It uses eslint-recommended and utilizes [Ignite](https://github.com/infinitered/ignite)\n\n* This is an advanced boilerplate which uses react-native, redux-saga, redux-persist, apisauce. It will be a very useful to kickstart your project if you are using these frameworks/librarirs. Or want to have some strict linting style.\n\n* We have used [react-native-extended-stylesheet](https://github.com/vitalets/react-native-extended-stylesheet) in this project. Since every mobile application should be responsive even if we don't use flex-layout for all the styling in the application. Instead of using the StyleSheet provided by react-native, we recommend using the stylesheet provided by this library.\n\n## Removed modules/libraries from the original [ignite react-native boiler plate](https://github.com/infinitered/ignite-ir-boilerplate-andross)\n\n  * storybook\n  * standard and snazzy linting guides\n  * [react-native-i18](https://github.com/AlexanderZaytsev/react-native-i18n)\n\n\n## :arrow_up: How to Setup\n\n**Step 1:** git clone this repo:\n\n**Step 2:** cd to the cloned repo:\n\n**Step 3:** Rename the project bundleId, package name and application name.\n\n**Step 4:** Install the Application with `npm i`\n\n\n## :arrow_forward: How to Run App\n\n1. cd to the repo\n2. Run Build for either OS\n  * for iOS\n    * run `npm run ios`\n  * for Android\n    * run `npm run android`\n    * Use the sdk versions for any third party library you add as mentioned in Project/android/app/build.gradle. Since google forces to use target sdk 26 or onwards.\n\n## Eslint Compliant\n\nThis project adheres to \"eslint:recommended\" style guide. We have setup and enabled eslint for this project. We suggest that you keep following it. There are pre-commit hooks implemented to prevent bad commits. So if you don't lint your code before commititng it, you won't be able to commit it.\n\n**To Lint**\n\nThis is implemented using [eslint](https://eslint.org). Just run `npm run lint`\n\n**To Fix Lint Errors**\n\nrun `npm run fixcode`\n\n**Bypass Lint And Run Project**\n\nIf you have to bypass lint and just run the project for special case.\n  * for iOS\n    * run `react-native run-ios`\n  * for Android\n    * run `react-native run-android`\n\n**Understanding Linting Errors**\n\nThe linting rules are from airbnb and React-Standard.  [Regular JS errors can be found with descriptions here](http://eslint.org/docs/rules/), while [React errors and descriptions can be found here](https://github.com/yannickcr/eslint-plugin-react). [Airbnb errors can be found here.](https://github.com/airbnb/javascript)\nWe have customised the linting as per our requirements. You can check the .eslintrc of the project and modify it as per your requirements.\n\n## :closed_lock_with_key: Secrets\n\nThis project uses [react-native-config](https://github.com/luggit/react-native-config) to expose config variables to your javascript code in React Native. You can store API keys\nand other sensitive information in a `.env` file:\n\n```\nAPI_URL=https://myapi.com\nGOOGLE_MAPS_API_KEY=abcdefgh\n```\n\nand access them from React Native like so:\n\n```\nimport Secrets from 'react-native-config'\n\nSecrets.API_URL  // 'https://myapi.com'\nSecrets.GOOGLE_MAPS_API_KEY  // 'abcdefgh'\n```\n\nThe `.env` file is ignored by git keeping those secrets out of your repo.\n\n### Get started:\n1. Copy .env.example to .env\n2. Add your config variables\n3. Follow instructions at [https://github.com/luggit/react-native-config#setup](https://github.com/luggit/react-native-config#setup)\n4. Done!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimform-solutions%2Fadvanced-reactnativeboilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimform-solutions%2Fadvanced-reactnativeboilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimform-solutions%2Fadvanced-reactnativeboilerplate/lists"}