{"id":16454481,"url":"https://github.com/sarthakpranesh/react-native-everywhere","last_synced_at":"2025-06-16T12:33:14.111Z","repository":{"id":47027075,"uuid":"373372011","full_name":"sarthakpranesh/react-native-everywhere","owner":"sarthakpranesh","description":"React Native Template based on Expo and Tauri to build app for platforms like Android, iOS, Web, MacOS, Windows, and Linux","archived":false,"fork":false,"pushed_at":"2022-08-07T15:58:04.000Z","size":2589,"stargazers_count":70,"open_issues_count":2,"forks_count":13,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-03T18:07:36.643Z","etag":null,"topics":["android","expo","ios","linux","macos","react","react-native","react-native-paper","reactjs","redux","tauri","template","web","windows"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sarthakpranesh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-03T03:41:28.000Z","updated_at":"2025-03-24T21:22:35.000Z","dependencies_parsed_at":"2022-08-12T13:11:30.612Z","dependency_job_id":null,"html_url":"https://github.com/sarthakpranesh/react-native-everywhere","commit_stats":null,"previous_names":[],"tags_count":2,"template":true,"template_full_name":null,"purl":"pkg:github/sarthakpranesh/react-native-everywhere","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarthakpranesh%2Freact-native-everywhere","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarthakpranesh%2Freact-native-everywhere/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarthakpranesh%2Freact-native-everywhere/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarthakpranesh%2Freact-native-everywhere/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sarthakpranesh","download_url":"https://codeload.github.com/sarthakpranesh/react-native-everywhere/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarthakpranesh%2Freact-native-everywhere/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260162547,"owners_count":22968067,"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":["android","expo","ios","linux","macos","react","react-native","react-native-paper","reactjs","redux","tauri","template","web","windows"],"created_at":"2024-10-11T10:19:07.663Z","updated_at":"2025-06-16T12:33:14.060Z","avatar_url":"https://github.com/sarthakpranesh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cdiv align=\"center\"\u003e\n\u003cimg align=\"center\" src=\"./assets/icon.png\" width=\"200\" /\u003e\n\n# React Native Everywhere\n\n### Expo ( Android + Web + iOS ) + Tauri ( Desktop ) = ♥\n\n\u003c/div\u003e\n\u003cbr /\u003e\n\n## What is RNE?\n\nRNE is a template I made to help me build Beautiful, Efficient, and write once run everywhere apps with Expo (React Native) building to Android, iOS and Web along with Desktop support using [Tauri](https://github.com/tauri-apps/tauri). This template includes some common libraries and configurations that I find myself using in almost all React Native project.\n\nBeware: I am using libraries and configuration the way I like the most, your choices and the most efficient way to do it might differ.\n\n\u003cbr /\u003e\n\n## Whats included\nThe most relevant list of packages included in the template are as follows:\n- [React Native Paper](https://callstack.github.io/react-native-paper/)\n- [React Navigation](https://reactnavigation.org/)\n- [Redux](https://redux.js.org/) along with `redux-logger` and `redux-persist`\n- [react-redux](https://react-redux.js.org/)\n- [React Native Async Storage](https://react-native-async-storage.github.io/async-storage/docs/install/)\n- [Tauri](https://github.com/tauri-apps/tauri)\n\n\u003cbr /\u003e\n\n## Using the template\nTo Get started click on that `Use this template` button in the repository and create your own repository.\n### Initial changes\nWe have to make some initial changes before we start building our app, please follow below steps carefully:\n- change all the relevant fields to your project specific details in `./app.json` and `./src-tauri/tauri.conf.json` \n- change the app icons in `assets`, namely the `adaptive-icon.png`, `favicon.png`, `icon.png` and `splash.png`. Tauri specific icons will be generated using `./assets/icon.png`, once you have added the new assets run `yarn tauri icon ./assets/icon.png` this will generate the asset icons required by our desktop builds.\n\nNow its time you build your app :\u003e\n\n### Working \nTheir are multiple scripts in the `package.json`, most of them are just the default once that come with tauri and expo so I won't be documenting them. Building your Android, iOS and Web app using this template is same when using just `expo` so I will be skipping that. You can find below the general flow of development for desktop apps though.\n\nFor developing desktop app their are actually two steps:\n- tauri depends on a web bundler like `webpack` so we first start our expo web development server using `yarn web` and we leave it running\n- open another terminal and now we can run `yarn desktop` that will start our tauri app in development mode\n\nFor building desktop app we employee a similar approach:\n- we first build our web version of the app using `yarn build-web`\n- once the web version is build we use `tauri` to package the web app using `yarn build-desktop`\n\n\u003cbr /\u003e\n\n## Issues\nEnjoy the errors they are a feature :P ( kidding open an issue/improvements [here](https://github.com/sarthakpranesh/react-native-everywhere/issues))\n\n\u003cbr /\u003e\n\n## What to expect\nThis template will allow you to build beautiful React Native apps quickly for almost all platforms ( Android + iOS + Web + Linux + Windows + MacOS ). For platform specific APIs on Android, iOS and Web things need to be handled using Expo, whereas for desktop we'll be using what's provided by Tauri. This template is fast and reliable and I have run the light house test on it (results below). You can find the release builds for the template in [Github Release Page](https://github.com/sarthakpranesh/react-native-everywhere/releases)\n\n### Android\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./repoAssets/android.png\" width=\"300\"\u003e\n\u003c/div\u003e\n\n### Web\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./repoAssets/web.png\" width=\"600\"\u003e\n    \u003cimg src=\"./repoAssets/lighthouse.png\" width=\"600\"\u003e\n\u003c/div\u003e\n\n### Mac\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./repoAssets/mac.png\" width=\"600\" /\u003e\n\u003c/div\u003e\n\n### Linux\n#### Debian\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./repoAssets/debian-store.png\" width=\"600\"\u003e\n    \u003cimg src=\"./repoAssets/debian-app.png\" width=\"600\"\u003e\n\u003c/div\u003e\n\n#### AppImage\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./repoAssets/appimage.png\" width=\"600\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n### Made with ♥ in India\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsarthakpranesh%2Freact-native-everywhere","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsarthakpranesh%2Freact-native-everywhere","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsarthakpranesh%2Freact-native-everywhere/lists"}