react-native-universal-monorepo
react-native-web
Our great sponsors
react-native-universal-monorepo | react-native-web | |
---|---|---|
12 | 62 | |
1,663 | 21,337 | |
- | - | |
0.0 | 6.7 | |
almost 2 years ago | 8 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-universal-monorepo
- React Native universal monorepo template for mobile, desktop, web and more
- Building Windows apps?
- Minimizing code duplication between React Native and React app
- Monorepo setup with react-native and react-native-web
-
Ask HN: What Stack for mobile/desktop cross-platform native development in 2021?
React Native is your best bet.
Examples:
- https://github.com/devhubapp/devhub
- https://github.com/mmazzarolo/react-native-universal-monorep...
RN desktop support is weak. But your mobile apps will work quite differently to your desktop apps anyway. And you probably want something that can run on the web too. So for desktop you just put your web app in Electron.
The difference between mobile and web will mean having to implement different routing and components, but you can share a lot of code.
Flutter is the new kid on the block.
-
Running React Native everywhere
You can see the final result in the react-native-universal-monorepo GitHub repository.
For the sake of simplicity, code is written in plain JavaScript. Still, you can add support for TypeScript if needed (you can use the React Native Universal Monorepo as an example; it's written in TypeScript).
-
Running React Native Everywhere
Author here!
"Running React Native everywhere" is an opinionated tutorial on how to run React Native on multiple platforms using Yarn workspaces.
You can see the final result in this GitHub repo: https://github.com/mmazzarolo/react-native-universal-monorep...
Which currently supports:
-
Running React Native everywhere: Browser Extensions & Electron
For feedback and questions, feel free to start a discussion on the React Native Universal Monorepo's discussions page or send me a direct message.
-
“Running React Native everywhere”: an opinionated in-depth guide on how to run React Native on multiple platforms (overview + monorepo setup)
The goal is to create from scratch the [React Native Universal Monorepo](https://github.com/mmazzarolo/react-native-universal-monorepo), supporting Android, iOS, macOS, Windows, the web, a browser extension, and Electron.
react-native-web
-
NextJS on iOS & Android????? How???
maybe https://necolas.github.io/react-native-web/? https://github.com/vercel/next.js/blob/canary/examples/with-react-native-web/README.md
-
What version of react native is compatible with react native web?
I am following a tutorial that is 4 years old that states that react native 0.55.4 is last compatible with react native web and anything later is not compatible yet. He showed the documentation page in the video as his source.
-
Rust and Next.js everywhere?
Personally, if you're trying to find a stack that can be applied everywhere with Next.js as your chosen framework, best bet would be React Native Web or similar. Which would let you share the maximum amount of frontend code between Web, iOS, and Android. Then you could reach for electron (barf) or something to bundle it for desktop if that was a requirement.
-
Here's what I'd like to do as a hobby project... what should I learn?
Some of the top cross-platform frameworks do have support for web targets. React-Native-Web and Flutter on the Web are both ways to target the web with your cross-platform app.
-
How do i intergrate vite.js with my current react-native project?
https://github.com/necolas/react-native-web/discussions/2201 it can be done.
-
Which is the best lib/framework option for a single code base for web, Android & iOS?
If you want a single codebase for web and mobile I would look into react-native and react-native-web. You could probably code the web app with react-native-web, make it responsive and build it through react-native for mobile. Designing an app for mobile and for web can lead to significant difference though since the experience is quite different. Some things might make sense for a mobile and not for a desktop or the opposite. So I wouldn't discard completely the idea of having separate codebases. Highly depends on the app though, totally valid for many use cases.
-
Need an advice for frontend framework (beginner in frontend development)
Another fun thing you could do is build it for mobile + web using React-Native through Expo or manually with https://necolas.github.io/react-native-web/
-
I lost $209,640 of my own money trying to start a business
If you're using Expo (which I assume most are on RN) they have web support. This is via React Native Web, which is a separate project if you wanted to use that directly too.
Personally though, I've found the DX of Flutter far above RN. I always had random packages break on RN that I had to fix every time, while with Flutter most of what you need is already included in the framework, including a component UI library for Android and iOS.
[0] https://docs.expo.dev/workflow/web/
[1] https://github.com/necolas/react-native-web
-
I made a template for making full-stack universal(web + mobile) apps! (tRPC, Expo, Next, Solito, Tamagui, Clerk Auth, Prisma!)
So the RN-R part is done by https://necolas.github.io/react-native-web/ and it's really good! However, there are some code that is kind of outside of the scope of React. Ie. Navigation, that's more in the realm of Next.
-
No, React Native is not the future
I don't have personal experience with this, but React Native Web claims to solve this issue: https://necolas.github.io/react-native-web/, not sure if anyone has had experience with this. Of course, you will have issues with dependency hell/package maintenance.
Another great option seems to be Flutter web. I was really impressed by the "batteries included" approach to Flutter, and Dart has a pretty comprehensive standard library. This is in contrast to React's "just find a random package on npm and pray it doesn't bite you in the future."
Obviously rewrites are expensive, but I personally think both approaches are worth considering versus abandoning native components completely. WebView isn't without problems (and also, you don't need React Native to use WebView).
What are some alternatives?
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
react-native-keyboard-aware-scroll-view - A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
openmtp - OpenMTP - Advanced Android File Transfer Application for macOS
chrome-extensions-samples - Chrome Extensions Samples
sciter-js-sdk - Sciter.JS - Sciter but with QuickJS on board instead of my TIScript
re-start - react-native template to target multiple platforms :globe_with_meridians: :iphone: :computer: with single codebase.
metro - 🚇 The JavaScript bundler for React Native
create-react-app - Set up a modern web app by running one command.
react-native-elements - Cross-Platform React Native UI Toolkit
react-bones - 💀 Dead simple content loading components for React and React-Native 💀
react-native-material-ui - Highly customizable material design components for React Native