{"id":19791846,"url":"https://github.com/solidstategroup/2hourhack","last_synced_at":"2025-07-22T12:34:39.290Z","repository":{"id":81175142,"uuid":"138715039","full_name":"SolidStateGroup/2hourhack","owner":"SolidStateGroup","description":"The results of a live streamed event where we develop an idea in 2 hours","archived":false,"fork":false,"pushed_at":"2018-06-26T19:33:06.000Z","size":1539,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-02-28T15:15:47.926Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/SolidStateGroup.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":"2018-06-26T09:24:18.000Z","updated_at":"2018-06-26T19:33:08.000Z","dependencies_parsed_at":"2023-03-08T06:45:43.502Z","dependency_job_id":null,"html_url":"https://github.com/SolidStateGroup/2hourhack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SolidStateGroup/2hourhack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SolidStateGroup%2F2hourhack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SolidStateGroup%2F2hourhack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SolidStateGroup%2F2hourhack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SolidStateGroup%2F2hourhack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SolidStateGroup","download_url":"https://codeload.github.com/SolidStateGroup/2hourhack/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SolidStateGroup%2F2hourhack/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266496467,"owners_count":23938713,"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-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"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":[],"created_at":"2024-11-12T07:05:08.469Z","updated_at":"2025-07-22T12:34:39.272Z","avatar_url":"https://github.com/SolidStateGroup.png","language":"JavaScript","readme":"# Shared React\n\nA minimal setup for writing cross platform applications in React and React Native. \nThis project is the example for our blog post A sensible approach to Cross platform development with React and React Native (Link coming soon).\n\n# Motivations\nThis provides a bare bones setup that compliments writing for web and mobile with React and React Native whilst not requiring any dependencies other than react, react-router, react-native and lodash.\n## Web Installation \n\n``npm i``\n\n\n## Web Development\nYou'll need nodemon to run in development mode\n```npm i nodemon -g```\n\n\n```npm run dev```\n\n\n## Web Build for production\n\n```npm start```\n\nThis will deploy files to /build and splits your web code into 3 cache busted bundles\n- Vendors: your node_modules.\n- Components: your pages and app components.\n- Main: anything else non presentational.\n\n## Mobile Installation \nIf you've never ran a React Native project before check the [Building Projects with Native Code guide](https://facebook.github.io/react-native/docs/getting-started.html).\n\n``cd ./mobile \u0026\u0026 npm i``\n\n## Running android \n```cd ./mobile \u0026\u0026 react-native run-android```\n\n## Running ios \n```cd ./mobile \u0026\u0026 react-native run-ios```\n\n## Project structure\n\n**/common**\n\nAny code that can be shared between web and mobile goes here.\nFor example State management, common utils, business logic and higher order components. \n\n**/mobile**\nThis is the root of your React Native project.\n \n**/web**\nThis contains anything to do with the web frontend and will in no way touch anything to do with React Native. For example, the top level of web may look like: \n\n**/webpack**\n\nWebpack configs are used in our package.json scripts to either bundle our app for development or deploy minified/cachebusted files to **/build** to be used in production.\n\n## Syncing common code between web and mobile\n\nrunning **/mobile/bin/common-watch.sh** will keep **/common** synced to **/mobile/common-mobile**. \nThis is automatically executed when running the ios project.\n\n\u003cimg src=\"http://g.recordit.co/j6A8lIxu6s.gif\"/\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolidstategroup%2F2hourhack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsolidstategroup%2F2hourhack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolidstategroup%2F2hourhack/lists"}