{"id":22200838,"url":"https://github.com/michaelvilleneuve/react-native-boilerplate","last_synced_at":"2026-05-13T07:04:13.072Z","repository":{"id":85584544,"uuid":"79328435","full_name":"Michaelvilleneuve/react-native-boilerplate","owner":"Michaelvilleneuve","description":"🚀 A boilerplate to quickly setup a React Native project with Redux, Router, NativeBase, Icons and ESLint","archived":false,"fork":false,"pushed_at":"2017-02-25T09:32:59.000Z","size":3221,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-30T03:14:24.016Z","etag":null,"topics":["boilerplate","code-push","react-native","redux","router"],"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/Michaelvilleneuve.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-01-18T10:17:30.000Z","updated_at":"2017-04-07T11:25:39.000Z","dependencies_parsed_at":"2023-03-14T03:30:25.865Z","dependency_job_id":null,"html_url":"https://github.com/Michaelvilleneuve/react-native-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Michaelvilleneuve%2Freact-native-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Michaelvilleneuve%2Freact-native-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Michaelvilleneuve%2Freact-native-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Michaelvilleneuve%2Freact-native-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Michaelvilleneuve","download_url":"https://codeload.github.com/Michaelvilleneuve/react-native-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245377952,"owners_count":20605374,"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":["boilerplate","code-push","react-native","redux","router"],"created_at":"2024-12-02T15:39:59.764Z","updated_at":"2026-05-13T07:04:08.037Z","avatar_url":"https://github.com/Michaelvilleneuve.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"REACT NATIVE BOILERPLATE\n===\n\nBecause I couldn't find any correct and lightweight boilerplate to start with React Native, I decided to build a minimal app that contains all the required libraries to correctly start a project.\n\n---\n\n## Libraries\n\n- React Native (of course) 🚀🚀 https://facebook.github.io/react-native/\n- Redux 🎉 (To handle app state) http://redux.js.org/\n- ReduxThunk (To handle Redux async actions) https://github.com/gaearon/redux-thunk\n- CodePush (To push update OTA) https://github.com/Microsoft/react-native-code-push\n- React-native-router-flux (To manage routing within the app 🛣) https://github.com/aksonov/react-native-router-flux\n- NativeBase (To have basic cross platform components, and icon fonts 👏👍) http://nativebase.io\n- ESLint (To make developers code better and unified JS) http://eslint.org/\n\n## Default Components and code\n\nThis boilerplate really provides the minimum setup.\nThe src folder contains all the actual code. For the purpose of the example, and because most app will need it,\nI left a login form so you can understand the code and keep the architecture.\n\n\n## How do I launch the project ?\n\n1. npm install\n2. npm install -G react-native-rename\n3. react-native-rename yournewname\n3. react-native link\n4. Either run 👉 react-native run-ios\n5. Or 👉 react-native run-android\n\n## How do I start coding ?\n\nWell, if you need a login form, you can basically start adding your own components into src/components, and plug them to the src/Router.\n\nIf not, you can trash src/actions/AuthActions, src/reducers/AuthReducer, src/components/LoginForm, and the references to theses files in src/actions/index, src/actions/types, src/components/Router, src/components/reducers/index.\n\nIf you don't now how to organize redux actions/reducers, have a look at how it works for the form before trashing anything.\n\nIn general, your programming flow will be the following :\n\n- Add a scene in src/Router and link it to a new component\n- Create the component in src/components\n- Write the component JSX code\n- Import redux in your new component\n\n```javascript\nimport { connect } from 'react-redux';\n```\n- Map global state to access it as props\n\n```javascript\nconst mapStateToProps = ({ theKeyOfTheAction }) =\u003e {\n  // theKeyOfTheAction can be any key defined in reducers/index\n  const { yourProps, blaBlaProps } = theKeyOfTheAction;\n\n  return { yourProps, blaBlaProps };\n};\n\nexport default connect(mapStateToProps, { yourActions, blaBla })(LoginForm);\n```\n- Create your actions in src/actions\n- Reference them in src/actions/types\n- Pass back your new state from src/reducers if needed\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelvilleneuve%2Freact-native-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmichaelvilleneuve%2Freact-native-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelvilleneuve%2Freact-native-boilerplate/lists"}