{"id":17033182,"url":"https://github.com/drgx/react-native-plus-web","last_synced_at":"2026-02-12T11:03:01.875Z","repository":{"id":48157775,"uuid":"127599628","full_name":"drgx/react-native-plus-web","owner":"drgx","description":"React Native + Web Boilerplate ","archived":false,"fork":false,"pushed_at":"2018-12-11T04:54:53.000Z","size":1232,"stargazers_count":116,"open_issues_count":5,"forks_count":28,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-12T12:57:49.870Z","etag":null,"topics":["boilerplate","boilerplate-template","haul","js","lerna","lernajs","react","react-native","react-native-web","react-navigation","react-router","web","webapp","webpack"],"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/drgx.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-04-01T05:18:08.000Z","updated_at":"2025-02-26T18:31:17.000Z","dependencies_parsed_at":"2022-07-22T20:23:11.138Z","dependency_job_id":null,"html_url":"https://github.com/drgx/react-native-plus-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/drgx/react-native-plus-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drgx%2Freact-native-plus-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drgx%2Freact-native-plus-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drgx%2Freact-native-plus-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drgx%2Freact-native-plus-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drgx","download_url":"https://codeload.github.com/drgx/react-native-plus-web/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drgx%2Freact-native-plus-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29363641,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-12T08:51:36.827Z","status":"ssl_error","status_checked_at":"2026-02-12T08:51:26.849Z","response_time":55,"last_error":"SSL_read: 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":["boilerplate","boilerplate-template","haul","js","lerna","lernajs","react","react-native","react-native-web","react-navigation","react-router","web","webapp","webpack"],"created_at":"2024-10-14T08:33:01.959Z","updated_at":"2026-02-12T11:03:01.858Z","avatar_url":"https://github.com/drgx.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native + Web Boilerplate\nUltimate React Native + Web Boilerplate. This boilerplate is created on top of React Native and React Native Web. The idea is create project with seamless development experience and shareable codebase for both react native and react native web.\n## Key Feature\n1. Clear project structure \u0026 dependencies using [lerna](https://github.com/lerna/lerna).\n2. React Native project support symlink and webpack ecosystem using [haul](https://github.com/callstack/haul).\n3. Built-in Navigation ([react navigation](https://reactnavigation.org/) and [react-router](https://github.com/ReactTraining/react-router)). \n4. Web history API support.\n5. Same navigation API using [react navigation](https://reactnavigation.org/) API style.\n6. Wrap some react native component that currently not implemented yet on react-native web (Modal)\n\n## ⚡️ Get Started Immediately ⚡️ \n#### Clone this repository and install all dependencies\n``` \n  git clone git@github.com:drgx/react-native-plus-web.git\n  cd react-native-plus-web\n  yarn \n\n  # bootstrap all package dependencies \n  yarn bootstrap\n```\n### 🌟Preview 🌟\n![preview](https://user-images.githubusercontent.com/5230095/38617965-8a827142-3dc2-11e8-9791-05dbb66006a9.gif)\n\n### Running Apps \nYou need to start the server by following this commend: \n```\ncd packages/apps/\nyarn haul \n#choose to run server between Ios, Android or Both Ios and Android\n```\n\n#### For running android\nOpen your [android emulator](https://medium.com/@deepak.gulati/running-react-native-app-on-the-android-emulator-11bf309443eb) or plug your android devices\n\nSimply run `react-native run-android`.\n\nSince react-native v0.52+ to be able to start using `haul` you need to disable delta (cmd+m -\u003e dev setting, uncheck use js deltas) and debug JS remotely on our emulator or devices. See [haul limitation \u0026 issue](https://github.com/callstack/haul#limitations). This issue is likely fix by haul team soon.\n\n\n#### For running ios \nOpen your [ios simulator](https://facebook.github.io/react-native/docs/running-on-simulator-ios.html). Simply run `react-native run-ios` on your terminal.\n\n####  Running Web \n```\ncd packages/web/\nyarn watch:web \n# open http://localhost:3000 on your browser\n```\n\n## Folder structure\n```\nreact-native-plus-web\n├── README.md\n├── lerna.json\n├── package.json\n└── packages\n    ├── apps      \u003c\u003c\u003c\u003c React Native Project\n    │   ├── android\n    │   ├── app.json\n    │   ├── index.js\n    │   ├── ios\n    │   ├── package.json\n    │   ├── webpack.haul.js\n    │   └── yarn.lock\n    ├── shared    \u003c\u003c\u003c\u003c Shared code between apps and web\n    │   ├── components\n    │   │   ├── Modal \n    │   │   └── Navigator\n    │   ├── constants\n    │   │   └── routes.js \n    │   ├── package-lock.json\n    │   ├── package.json\n    │   └── yarn.lock\n    └── web       \u003c\u003c\u003c\u003c React Native web Project\n        ├── font.js\n        ├── index.web.js\n        ├── loaderConfiguration.js\n        ├── package.json\n        ├── template.html\n        ├── webpack.common.js\n        ├── webpack.dev.js\n        ├── webpack.prod.js\n        └── yarn.lock\n```\n\n\n## Routes \u0026 Navigation\nFor editing or adding new routes simply edit [`routes.js`](https://github.com/drgx/react-native-plus-web/blob/master/packages/shared/constants/routes.js)\n\nAnd for moving between screen simply use `this.props.navigation` to navigate based on routes definition on [`routes.js`](https://github.com/drgx/react-native-plus-web/blob/master/packages/shared/constants/routes.js)\n\n```\n# Example to navigate to detail screen\n \u003cButton\n  title=\"Navigate to Detail Screen\"\n  onPress={() =\u003e {\n    this.props.navigation.navigate(\"Detail\");\n  }}\n/\u003e\n\n# Example to back\n\u003cButton\n  title=\"Back\"\n  onPress={() =\u003e {\n    this.props.navigation.goBack();\n  }}\n/\u003e\n```\n## Contributing\nWe'd ❤️ to have your helping hand on react-native-plus-web! Feel free to PR's, add issues or give feedback! Happy Hacking!! 😎 \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrgx%2Freact-native-plus-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrgx%2Freact-native-plus-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrgx%2Freact-native-plus-web/lists"}