{"id":16593000,"url":"https://github.com/codypearce/react-native-infinity","last_synced_at":"2025-03-16T21:30:38.764Z","repository":{"id":35075307,"uuid":"191576474","full_name":"codypearce/react-native-infinity","owner":"codypearce","description":"A CLI that generates React Native projects that target any combination of platforms","archived":false,"fork":false,"pushed_at":"2023-03-03T06:46:44.000Z","size":5495,"stargazers_count":23,"open_issues_count":60,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-27T14:30:25.376Z","etag":null,"topics":["cli","cross-platform","react-native","starter"],"latest_commit_sha":null,"homepage":"https://www.reactnativeinfinity.com/","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/codypearce.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":"2019-06-12T13:28:26.000Z","updated_at":"2024-04-18T09:29:53.000Z","dependencies_parsed_at":"2024-11-27T17:43:40.334Z","dependency_job_id":null,"html_url":"https://github.com/codypearce/react-native-infinity","commit_stats":{"total_commits":167,"total_committers":3,"mean_commits":"55.666666666666664","dds":"0.17365269461077848","last_synced_commit":"1df9720d5beb2ff6090d8b03bce28bc899aebe48"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codypearce%2Freact-native-infinity","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codypearce%2Freact-native-infinity/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codypearce%2Freact-native-infinity/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codypearce%2Freact-native-infinity/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codypearce","download_url":"https://codeload.github.com/codypearce/react-native-infinity/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243830915,"owners_count":20354850,"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":["cli","cross-platform","react-native","starter"],"created_at":"2024-10-11T23:23:12.651Z","updated_at":"2025-03-16T21:30:37.964Z","avatar_url":"https://github.com/codypearce.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eReact Native Infinity\u003c/h1\u003e\n\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://api.netlify.com/api/v1/badges/671f47a2-1863-4a7e-aaea-d07e8907d816/deploy-status\" alt=\"Netlify Status\" /\u003e\n\u003cimg src=\"https://img.shields.io/npm/v/react-native-infinity\" alt=\"NPM\" /\u003e\n \u003c/p\u003e     \n\n\u003cp align=\"center\"\u003e\n\u003cb\u003eCLI that generates React Native projects targeting any combination of platforms\u003c/b\u003e\u003cbr\u003e\n\u003csub\u003eiOS, Android, Web, Electron, Windows, MacOS\u003c/sub\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/codypearce/react-native-infinity/master/media/init-final.gif\" alt=\"Init Command\" width=\"750\"\u003e\n\u003c/p\u003e\n\nSimply use `npx react-native-infinity init` to use the CLI interactive tool.\n\n* __Multi-Platform__ - Choose any combination of 6 platforms to target (iOS, Android, Web, Electron, Windows, MacOS)\n* __Add Platform__ - Add another platform anytime with `add-platform` command\n* __UI Library__ - Add cross-platform UI libraries (Material Bread, UI Kitten)\n* __Interactive GUI__ - Online GUI to select platforms and libraries to get started\n* __Interactive CLI__ - Select platforms and libraries by answers questions in your terminal\n\n\u003cbr\u003e\n\n## Getting Started\n\n- [Installation](#installation)\n- [init](#-init)\n- [add-platform](#-add-platform)\n- [list](#-list)\n- [Project](#project)\n  - [Platforms](#platforms)\n  - [UI Libraries](#ui-libraries)\n      \n\u003cbr\u003e\n\n\n## Installation \n\nYou can install the project globally or use `npx`:\n\nInstall globally\n```\n$  npm install react-native-infinity -g\n```\n\nUsing `npx`: \n```\n$  npx react-native-infinity \u003ccommand\u003e\n```\n\n\u003cbr\u003e\n\n## ❯ init\n\n`init` without a parameter will run an interactive prompt to gather the name, platforms, and UI library for the project. \n\n`init` with the parameter `\u003cname\u003e` provides the name of the app without using the interactive prompt. Although there are additional options and paramters, they are only used with the GUI tool on the website.\n\n\u003cp align=\"center\"\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/codypearce/react-native-infinity/master/media/init-name.gif\" alt=\"Init Command\" width=\"750\"\u003e\n\u003c/p\u003e\n\n\n\u003cbr\u003e\n\n## ❯ add-platform\n\n`add-platform` without a parameter starts a prompt to select a platform to add to your project.\n\n`add-platform \u003cplatform\u003e` with a parameter accepts a lowercase string indicating the platform to add.\n\n```\nnpx react-native-infinity add-platform electron\n```\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/codypearce/react-native-infinity/master/media/add-platform.gif\" alt=\"Init Command\" width=\"750\"\u003e\n\u003c/p\u003e\n\nSupported platform strings:\n* mobile\n* web\n* electron\n* macos\n* windows\n\n\n\u003cbr\u003e\n\n## ❯ list\n\n`list` lists all supported platforms with the shorthand name the GUI supports\n\n\u003cp align=\"center\"\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/codypearce/react-native-infinity/master/media/list.gif\" alt=\"Init Command\" width=\"750\"\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n\n# Project\nReact Native separates application code into `src` and platform configuration into `android` and `ios`. React Native Infinity extends this idea to more platforms. All application code lives in `src` while each platform `ios`, `android`, `web`, `electron`, `macos`, `windows` has it's own folder that contains configuration files, including `webpack` config. By separating out configuration in this way we can more easily pick and choose what platforms our apps should support both at initialization and later on. \n\n\n\n\u003cp align=\"center\"\u003e\n \u003cimg src=\"https://raw.githubusercontent.com/codypearce/react-native-infinity/master/media/folders-described.png\" alt=\"Init Command\" width=\"600\"\u003e\n\u003c/p\u003e\n\nThis project is an experiment and meant as a starting off point for rendering on other platforms, not a full solution for all cases, some extra steps might be required for some platforms.\n\n\u003cbr\u003e\n\n## Platforms\n\n### Web\nReact Native on the web is supported by [react-native-web](https://github.com/necolas/react-native-web), please check the documentation to learn more.\n\n```\nnpm run web\n```\n\nConfig: `./web/webpack.config.js`. Config sets up an alias for `react-native` to `react-native-web`. Runs on `localhost:8080`.\n\n```\nnpm run build-web\n```\nUses `./web/webpack.config` to build a production web build to `./web/dist`.\n\n\u003cbr\u003e\n\n### Electron\nElectron with React requires two commands to run and uses [react-native-web](https://github.com/necolas/react-native-web).\n\n```\nnpm run electron\n``` \nStarts the Electron window using config `./electron/main.js` and \n\n```\nnpm run server\n``` \nRuns react in the electron window using config `./electron/webpack.config.js`.\n\n\u003cbr\u003e\n\n### MacOS\n\nMacOS is supported by [react-native-macos](https://github.com/ptmt/react-native-macos), please read the documentation for more information. `react-native-macos` requires two commands to run an app:\n\n```\nnpm run macos-start\n```\nStarts the packager\n\n```\nnpm run macos\n```\nThis command aliases `react-native-macos run-macos` which opens a window.\n\n\u003cbr\u003e\n\n### Windows\n\nWindows is supported by [react-native-windows](https://github.com/microsoft/react-native-windows), please read the documentation for more information. `react-native-windows` has some extra requirements to get running and requires React Native `0.59.10` at this time. Their [Getting Started Guide](https://github.com/microsoft/react-native-windows/blob/master/current/docs/GettingStarted.md) is very helpful for getting up and running.\n\n```\nnpm run windows\n```\nThis command aliases `react-native windows`.\n\n\u003cbr\u003e\n\n### Android\n```\nnpm run android\n```\nSimply runs `react-native run-android`, read the React Native docs for more information.\n\n\u003cbr\u003e\n\n### iOS\n```\nnpm run ios\n```\nSimply runs `react-native run-ios`, read the React Native docs for more information.\n\n\u003cbr\u003e\n\n## UI Libraries\nBy extending the idea of isolated configuration further, we can easily copy over configuration for UI library setup as another step in initialization. Currently there are not many UI libraries that provide explicit support for all platforms, if you know of any more that should be added, please do not hesitate to create an issue or PR.\n\n### Material Bread\nMaterial Bread supports all platforms and configuration is pretty simple, however, it does require setting up `react-native-vector-icon`s and `react-native-svg` if rendering on Android or IOS. Please read the docs for [more information](https://github.com/codypearce/material-bread).\n\n### UI Kitten\nUI Kitten recently added support for `react-native-web`, and configuration is very easy: simply select UI Kitten during `init`. Please read the documentation for [more information](https://akveo.github.io/react-native-ui-kitten/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodypearce%2Freact-native-infinity","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodypearce%2Freact-native-infinity","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodypearce%2Freact-native-infinity/lists"}