react native for web reddit - Brave Search

Anyone using react-native-web in production?

reddit.com › r › reactnative › comments › 10i2iz4 › anyone_using_reactnativeweb_in_production

I'm using it in production and it works very well. I've only used it with expo, tho. One of the few problems I had is that when you have to use a library, you have to find a library that supports both the web and android/ios. If there are no good options, you'll end up having to create separate components for the web and for android/ios. Also, a few things (like changing a view's styles on hover) are much harder than in regular CSS, but I still think it's worth it. Answer from mnbkp on reddit.com

reddit.com › r/reactnative › anyone using react-native-web in production?

r/reactnative on Reddit: Anyone using react-native-web in production?

December 20, 2022 -

We’ve been rebuilding our app in React Native, and we also need to build a web version of it. Is React Native Web ready for prime time? Have you tried going from a non-expo React Native app to React Native Web?

Someone once suggested we should do something like native base first.

Forgive my non-techiness I’m not a React developer myself.

I'm using it in production and it works very well. I've only used it with expo, tho. One of the few problems I had is that when you have to use a library, you have to find a library that supports both the web and android/ios. If there are no good options, you'll end up having to create separate components for the web and for android/ios. Also, a few things (like changing a view's styles on hover) are much harder than in regular CSS, but I still think it's worth it.

I think Twitter is

reddit.com › r/reactnative › react native web, worth using??

r/reactnative on Reddit: React Native Web, worth using??

January 9, 2025 -

I've got a project that is more than likely best suited using a mobile app. But there are also going to be users in an office in front of a computer. The interfaces between the two "versions" can be mostly similar. I don't really know react, but the idea of being able to use react native and react native web for both mobile and desktop sounds too good to pass up. Taking a tutorial on Udemy and I'm already seeing some pain points on the web version. Views default to noscroll, everything in a narrow portrait mode, etc. Looks like there would be a lot of extra logic to get decent views on both web and mobile versions from the same codebase. All tutorials I see specifically focus on react native, nothing specifically for how to have an awesome web and mobile version using react native web. Is there such a thing? Or better to just use regular react for the web browser?

We used it for a project where the use case was deploying to web, but ultimately wanting to be able to port it easy to iOS and android. Idk, I really liked it but I will say you have to be careful with some packages not supporting web

After facing the same problem, what worked best for me was having shared components, utils and stores in a package folder, within a npm mono repo. This mono repo would have two apps, the RN one and the web stack of your choice one. This way I only share platform agnostic stuff or simple react native components that work well on web. Root views for each page or routing logic stays within the respectives apps. Some platform specific library can still be used. And yet i do not have to rewrite queries nor restyle buttons for every platform

Videos

React Native for Web is actually good now - YouTube

January 16, 2025

How to go from Web development to mobile development - YouTube

Is This Native or Web? React Native for Web Breaks the Boundaries ...

January 30, 2024

Should You Use React Native Web for Your Next Project? - YouTube

February 6, 2019

reddit.com › r/reactnative › is react native web great to use? what sites use it?

r/reactnative on Reddit: Is React Native Web great to use? What sites use it?

June 28, 2023 -

I see few people talking about the web part.

I would like to know if it's good to use in production and if you have sites that were created using React Native Web.

I would only ever use it for a "web" version of an already React Native app. For an actual website, almost any modern alternative would.be better and more robust.

We use it in production and while it is great at times to write code once, it's mostly not worth it. You have a lot of shortcomings in terms of navigation and accessibility and the amount of work to get stuff set up properly is not worth it in my opinion. We got most of all problems solved but the added complexity is just not really worth it atm. The react/nextjs ecosystem is great with amazing component libraries (styled or unstyled) that allow super fast iterations on web with great UX. I'd rather use next or react directly and build the same thing twice in nextjs for web and react native for ios and android You can still share Logic, hooks and even a custom design system/components if you implement it separately with the same UI. But using common things in react native, like Reanimated and gesture handler, skia or even inbuilt components like Text, will limit you unnecessarily on web and e.g. blow Up your shipped js for the web.

reddit.com › r/reactnative › how good is react native for web apps?

r/reactnative on Reddit: How good is React Native for web apps?

January 14, 2024 -

Years ago I tried to use RN to a mobile/web app, and the experience was not as good as I would have liked. Today I'm in a similar situation, and I would like to know how good React Native is these days.

Note: I'm a web developer and I worked only 2 months in a mobile React Native project

I'm guessing you mean react-native-web. It has caveats but largely it does the job well. The main gripes would be bundle size (instant 150kb gzip coz of react + react-dom + react-native-web + router), inline styling not making it easy to do pseudo class and state css (:hover, :after etc), and slightly different flex defaults. Except bundle size, you can always deal with the minor quirks. Having said that, react-native is internally going to become more aligned with web apis, so it's gonna get better eventually, but that can take years.

RN has improved a lot since then, especially with the new architecture.

reddit.com › r/reactnative › react native web, or separate react project?

r/reactnative on Reddit: React Native Web, or separate React project?

November 4, 2023 -

I'm planning a new SaaS project that is going to have a web app as well as a mobile app. I am having trouble deciding if I want to build a separate web app in React, or just keep everything in React Native. I'd also like to reuse a lot of this code for any future projects as sort of a starter template.

I am way more familiar with React than React Native, although I have done some stuff in React Native, but never utilized their web portion. Here are some considerations I'm hoping to get some light shed on:

How is the DX with React Native Web? Are there limitations or quirks that you run into that would be much easier to handle in React? If I do run into limitations, is it possible to build some of the website components in React and some in React Native, or is that not a thing?
Are there any prebuilt UI component libraries that you would recommend for a React Native only approach? Something that looks good on web and mobile and ideally provides some templates as well like a sign in page, landing page, etc.
If I choose the React Native + React route, I've read that people create mono repos and reuse as much code as possible, such as state management and hooks. Can anyone explain how this is set up and maybe provide some GitHub repos that use this method? I assume they just have something like a web dir, native app dir and then a shared dir or something.
I want to use a UI library that comes with prebuilt components. I really like Preline UI for example, however, it's only for React, not Native. If I used something like that for React, how difficult would that be to keep a consistent style between the mobile app and web? I assume I would basically need to rewrite all the components myself for React Native if I really want to keep a consistent style.
Related to #4, are there any UI libraries that provide UI components for both React and React Native?

Any insight is appreciated, thanks!

I’m currently working on a personal project using solitojs. It’s like a monorepo using next and recat native. I can dm some screenshots if you want. There are also boilerplates already too.

React-native web has been a breeze for me. There’s no reason to build a whole separate app with duplicated components. Use expo 50. It’s amazing. Another huge benefit, I’ve found I spend 75% of my time in chrome building things out debugging and use. A simulator lot actual device once all the business logic is correct. I’ve very rarely have to write a component that work different on web vs iOS/android.

reddit.com › r/reactnative › using react native for web

r/reactnative on Reddit: Using React Native for Web

January 7, 2024 -

Hi,

I'm starting work on an application that needs to be created for three platforms: web, iOS, and Android. I want to use React Native for this, but I'm wondering how to approach the implementation of the web version.

Option 1: I use React Native Web and try to use shared native components.

Option 2: I use the regular version of React and create a web version as a separate project.

In terms of functionality, 70-80% of the features are common to both web and mobile.

My concerns: handling separate layout for web/mobile, will native components work seamlessly on web, media queries/responsiveness, routing and handling code when web/mobile functionalities will grow separetly.

Based on your experience, can you advise me on which option would be better?

I don’t see why you’d not use react native. If you hit any limitations you can use .web files and write regular react in there.

I'm working currently on a personal project doing pretty much what you want. I had some problems : I tried NativeBase, too slow. I tried Tamagui, very buggy. I settled with styled-components/native instead, it's lot more work but I get what I want. React-navigation is production-ready on iOS/Android, web support is limited. Do not use Next.js, unless you are doing a landing page, but why use React for just a landing page right? Avoid react-native-reanimated on web. Expo really makes it easier to manage a ReactNative project in the long run, use it!

reddit.com › r/reactnative › i thought react native for web would be easier than this...

r/reactnative on Reddit: I thought React Native for web would be easier than this...

September 28, 2023 -

I have been using React Native (+ Expo) for a few months now, and have developed and launched my app for both Android and iOS. I'm now needing to add some features that would be best accessed from a web app, so thought it would be as simple as tapping 'w' in Expo and seeing my app appear in the browser. How wrong I was.

I'm faced with a never-ending barrage of javascript console errors, first relating to a StyleSheet.create() not accepting the way I had structured my styles (which the native builds had no problem with), then with a stream of complaints about modules using 'react-native' instead of 'react-native-web'.

Am I missing something, or is this just not as easy as I thought? Does anybody use React Native to make a web version of an iOS/Android app, or do you just build a separate React app for that?

My suggestion if you want to do RN on web is to ditch expo and manually implement RNWeb. This may seem controversial but RNWeb is a bit tricky and if you are relying on 3rd party magic you might not have a core understanding of exactly how it works, and react native web isn’t mature enough yet to just be black box bullet proof. I hope with some time under it, RNWeb can be more intuitive but for now I find that I need to have an understanding of how it works at a core level to stand a chance at debugging cryptic error messages.

React Native is a (VERY small) subset of JavaScript, React, and CSS. It's the lowest common denominator between all platforms. So yes, it's indeed crazy difficult to grasp at first. I found this boilerplate that makes React Native extremely easy to use with web, Android, and iOS: * https://github.com/infinitered/ignite With this, I mostly develop web and then test Android at the end of my work day. Just beware that it's still possible to accidentally write web-only code (for example
will compile on web but not Android) but it's greatly simplified my workflow. Also beware that while the full demo template (PizzaApp) is flawless but bloated, the minimal one is incomplete and a tad buggy (for example the minimal setup won't out-of-the-box compile dev-mode Android due to package.json issues). So, for the first few days, it's advisable you have the full demo open next to the minimal project to get things running properly. After about three days I had a fully working setup, and haven't looked back since.

reddit.com › r/reactnative › should i go with react-native-web or standard react?

r/reactnative on Reddit: Should I go with react-native-web or standard react?

February 21, 2020 -

Hello!

I am building a project using React Native and I absolutely love it. Now that the mobile application is out of beta, we are going to build the desktop web application which will be used more than the mobile app for many users. This project needs to be "production level" and highly scalable.

I have started to look into react-native-web as a way of implementing the web version, but I am starting to have concerns. It seems as if many normal things you might do on web, aren't possible, or are difficult/overly complex. Even something as simple as setting 'fixed' positioning or using media queries is not easy. Or something far more complex like "drag and drop to upload".

We are using redux (actually redux-toolkit) for our data store so we would still be able to share that across web/mobile. This would still be a huge benefit of using react across both projects.

Also, most of our web components will be different from the mobile versions. I'm sure there will be cases where we want to share components, but far less than 50% of the time because we are designing for each platform independently.

What do you think? Do you have extensive experience with react-native-web? What are its limitations compared with a standard react web app?

- Sam

My 50 cents from leading a cross platform 0.5m active users project:

Use RN and React separately as separate projects/packages. The products will diverge over time. So will codebases. Don’t lock yourself in from the start
Share utils, api requests and redux where it makes sense. Be deliberate and plan accordingly. Finding the right balance between shared and split will take time, in particular early on in product lifecycle where your product is evolving rapidly
Set up web and native in a monorepo with the shared package to avoid versioning issues. Use yarn workspaces and make sure you hoist all dependencies
Ensure your tests (and types) for shared code are solid and follow good test and CI practices from the start

react-native-web (RNW) is a set of modules that can be used with react-dom. I’d recommend using it for any website because the modules provided are very performant and thoughtful. For instance, StyleSheet is one of the fastest CSS-in-js options available (benchmarks in the RNW repo). Reusing the code across web and native will also be a huge timesaver for testing and maintainability. Disclaimer: I’ve used RNW many times and have also contributed to the project. Here is an example Next.js + RNW website https://evanbacon.dev/

Find elsewhere

Google Bing Mojeek

reddit.com › r/reactnative › next js or react native for web version?

r/reactnative on Reddit: Next JS or React Native for web version?

December 4, 2023 -

Hello there,

So I'm trying to build a mobile app which also has a web app version but I'm conflicted on which route to go.

I'm a beginner in react-native so I don't have much experience. My main concern is the layout for mobile and web, since it defers and how well the native browser experience will be like. Should I just go with separate react stacks for each? Next JS for the web and react-native for cross platform mobile dev?

Sorry if this isn't clear enough, feel free to ask me more questions. Thank you for your time!

If you are a beginner, I'd highly recommend just having a single react-native/react-native-web codebase. The differences in platforms are easy enough to extract away using platform specific extensions and the Platform.OS api. A couple of hints: Use layout wrappers. For example, maybe you just have one main "style" of screen in your app, but the web style differs from the mobile style. Just make two component called Layout.web.tsx and Layout.native.tsx, apply the various styling there and pass through the children. Then on each screen, you can just do and the layout for web/native will be different, but the actual screen will be the same. Your screen component files should be exactly the same, abstract the platform differences in the Layout component, as well as in the actual component itself. Avoid using platform specific files for minor changes. It's much easier to throw in a Platform.OS === 'web' ? this : that than maintaining two virtually identical files. It leads to forgetting to make changes to one or the other (or making the changes inconsistently). Of course, there are sometimes you'll need to use specific files for each platform. For example, let's say you want to use some table component from npm that only works with React, and you have a different table component for react-native. You would then want to have a Table.web.tsx and Table.native.tsx. You would ideally abstract them so that the usage is exactly the same in whatever screen or component is consuming it.

is better than Platform.OS === 'web' ?

Just build your mobile or web app first. You should be able to reuse your api. Do you really need a mobile app? Why not build it in react (whichever flavour be it reactjs, next or vite) and make it responsive.

reddit.com › r/reactnative › how does react native look on web?

r/reactnative on Reddit: How does react native look on Web?

December 11, 2023 -

I want to make a multi platform app, but seeing how text native has it's own UI library, I was wondering if the Web side of development looks good like mobile. Basically, does react native look good on web?

Make a quick POC and see for yourself? I read recently that twitter is react native web, but didn’t confirm myself.

What do you mean? It’s just html and css, you make it look how you want

reddit.com › r/reactjs › should i convert react native to web app or what are my options?

r/reactjs on Reddit: Should I convert react native to web app or what are my options?

August 1, 2023 -

I have created a app in react native and the requirement is that it should also support and work web. Now I am not sure how usable react native is on web. It does work on web but I have some challenges.

For example: In react native we use stack navigation to add routes and tab navigation in web how do I handle it. I would like to have a diffrent design in web with the left panel and dashboard. How can I achieve it ?

Should I use react.js and create a separate app for web? What could be the correct approach.

By using react-native-web you'll be able to build a web app and reuse a lot of your code. Trust me, it works great!

reddit.com › r/reactnative › react native web differences

r/reactnative on Reddit: React Native Web Differences

September 21, 2024 -

i built an app last year with react native but didn't use it for the web, just ios and android. for web I used next js and its been a struggle to match what my react native app can do. so now I'm thinking of using react native web for my site instead. I'm thinking it will be a full rewrite for a number of reasons and I'm looking for advice on how to combine web with native and what gotchas may be lurking in the details

some features of my existing app that may be different between native and web are a drawer menu, google maps, and image upload

You should 100% try out react-native web. On my side project, and full time job I am working with react-native-web. Now react native web performance is not as good as Next.js, but it's really good tbh. Converting a react native app to a web app can seem like a lot of work. If you have clean code, reusable components, and good architecture in place, you shouldn't need a full rewrite. When I started converting my side project, and full time jobs mobile app to a web application it honestly wasn't bad. I am using Tamagui for my UI which works on web, and mobile, and most libraries are supporting web out of the box now. The hardest part for me was fixing dependency issues. But after a few ours of building, then commenting out code I was able to get my application to run on web. The other hard part is figuring out a design pattern for navigation and such on web. X actually uses react native and expo for there mobile and web application. I followed there navigation(tab bar on mobile, and static sidebar navigation on web), built out a navigation wrapper to handle all app resizing. With just this simple implementation, I was about 70% done in just 2 days. I'll link some articles I have written about these specific topics that you might find helpful(I have a bunch of other articles on expo web you might find useful in the future as well)! https://medium.com/@andrew.chester/creating-responsive-web-and-mobile-designs-with-tamagui-and-expo-553f5c1e01db https://medium.com/@andrew.chester/expo-router-web-best-practices-lessons-from-converting-a-mobile-app-to-web-6c26cb67c8de https://medium.com/@andrew.chester/eas-hosting-with-expo-web-a-developers-take-e638ad5bcdd2

Sorry what’s your exact question? When it comes to web, you can think of react native as a UI pack. There’s no particular gotchas

reddit.com › r/reactnative › react-native-web vs separate web repo?

r/reactnative on Reddit: react-native-web vs separate web repo?

April 22, 2023 -

I'd love to hear from folks with experience in making this decision. I understand react-native-web should be a lot less effort. However, mobile apps and web apps are pretty different beasts. I feel like react-native-web is a nice quick win, but with how different layouts - it'd end up slowing development speed in the long run and creating a pretty nasty repo.

That's just my initial assumption and would love arguments both ways

You will find a lot of libraries don't support RN web, so it changes your approach writing apps. And RN doesn't support some of the more fancy css techniques used across the web. So you end up not saving that much time, and end up with an app and website that are worse than if they were developed separately

We use an internal framework similar to rear native / web. It's awesome. Code once.

reddit.com › r/reactnative › my team wants to build a web solution with react native web so we don't have to rebuild a rn app after mvp is released. good call?

r/reactnative on Reddit: My team wants to build a web solution with React Native Web so we don't have to rebuild a RN app after MVP is released. Good call?

February 1, 2024 -

Any opinions on this would be appreciated. Essentially just trying to make a good future proof decision. We want to build a web app immediately, but later make it available as a native app. Speed is important for us. But also scalability and not redoing things.

The app is not going to be complicated, it will be mainly contacting a backend service linked to an AI, logging them in and allowing users to view and edit AI generated responses on the client.

We don't have any crazy styling requirements but we are interested in what limitations we might have with React Native Web when it comes to styling and functionality.

I know this project has come a long way in recent years and am excited to leverage it if it's the right tool.

Any thoughts?

Other info:

We are thinking to use expo (unless there's a reason not to)
Our backend is redwood/gql
We want the mobile and web experience to pretty much be the same

I’ve done it for a simple app and it’s worked well, if you need different components for web vs mobile (ie maps) you can use like MapComponent.web.tsx and MapComponent.tsx and on web it’ll grab the relevant one so that you can use different map providers

By scalability what do you mean? Because react native web comes with its own gotchas with performance for the client. For example often something a simple web component can end up nesting a lot of docs deeply to achieve what would be flattened in native land. Having said that recently for a client I did produce a cross platform component library to allow the web and native teams to accelerate their releases whilst maintaining consistency. BUT the web team we’re using the components for a customer app. Marketing sites couldn’t use it due to performance issues with react native web

reddit.com › r/reactjs › how good or bad is react native for web?

How good or bad is React Native for Web? : r/reactjs

November 1, 2021 - React and React Native, while similar ... main difference is in the core components. React Native has components designed specifically for mobile usage and while some of them are similar to React web components, they are not the same....

reddit.com › r/reactnative › has anyone used react native for web for building pc web app?

r/reactnative on Reddit: Has anyone used React Native For Web for building PC Web App?

November 3, 2020 -

https://github.com/necolas/react-native-web

I know this can run across Android, IOS and browsers but is it convenient to use it for layout on a large screen like PC? Our team want to save time and develop only one App which is truly cross-platform instead of using both React.js and ReactNative. Thank you!

I wouldn't consider react-native-web as a way to build all web apps. You're losing far too many wins of regular react ecosystem on the web to think it saves time. It is more suited to bringing smaller mobile app experiences to the web. Think like the website side of instagram (just viewing the image, no commenting, login, etc) could be a great use for react-native-web. You are much better to build your business logic (like API interaction, statics, entity defs etc) in a standard library you consume in react-native and react if you're looking to save time and then use regular react ecosystem without complications. My 2c anyway!

depends on what kinda of app ur making...react-native-web is notorious for not working with a few video libraries

reddit.com › r/reactnative › does anyone really use rn web

r/reactnative on Reddit: Does anyone really use RN web

April 20, 2023 -

Ok so react native provides the ability to code for both mobile and web, I was just wondering if anyone uses this quirky feature...

We're using it in our company for multiples apps, having shared code for both web and mobile is great. Most of our use cases work without having to define a .web file or using html components. Here are also other production apps using react-native-web and expo. https://github.com/bluesky-social/social-app https://github.com/showtime-xyz/showtime-frontend

Twitter web built on RN Web

reddit.com › r/reactnative › i'm making a website. should i use react native?

r/reactnative on Reddit: I'm making a website. Should I use React Native?

May 19, 2023 -

I would run away from this generally, but it is a well intentioned goal to have RN making nice websites. My RN apps are deeply integrated with Native Modules so its not feasible for me anyway. But, I want to check the temperature generally, is this a good use case for RN?

No? React Native is primarily used for creating mobile applications across iOS and Android platforms, it does come with the option to create a web version but it's an afterthought, not the main focus. If you already know React Native just build a website in React.

Nope, a lot of libraries don’t even support the web (it’s getting better though), use react instead (i use react and rn on a regular basis)

reddit.com › r/reactnative › react native for web

r/reactnative on Reddit: React Native for Web

June 21, 2024 -

We are building an app with React Native as a cross platform frontend for Web, iOS and Android. We have both real time and "offline first" features for mobile. Have a few questions reg. that:

[1] Will GraphQL be of any benefit for the "offline first" feature? I mean to say, when the mobile device comes online, will GQL be able to sync the server side DB and mobile DB automatically? I heard that GQL can work as a substitute for WebSockets to provide real time updates, that is why I am asking.

[2] We plan to use MQTT for real time alerts from online devices (may not be mobile) and push to a Kafka cluster. Can GQL be leveraged in such a setup?

[3] Is React Native a good choice for this as we want to maintain a single code base, where a subset of features are deployed depending on the platform. For example, features A, B, X, and Y will be deployed on the web version, and A, B, and C will be deployed on mobile devices.

Thanks in advance for your help.

Would you please go on chat gpt and copy paste your post? You don’t seem to have experienced devs in your team and thus I believe it will be painful. Anyway: ignore graphql. It s really great but you aren’t in the situation where it would be good for you now. no yes react native is great to have the same codebase for mobile and web. You should only consider alternatives (like flutter) if you have experienced devs that already have a few complex apps running in production. If you want advices: you lack experience, so I would advice you to just experiment technos for fun or learning, not to make a commercially viable app. use expo and go read the official expo documentation again and again and again. mobile dev is painful with no guidance/experience. Building an app compatible android/ios/web is really painful and every bad decision is paid further down the road. Only use libs found in the official expo documentation. If something you need isn’t in the official expo documentation, do your possible to avoid using the external library. If you want to use an external library to make an UI component that you could have done from scratch in 200 lines, you will regret that decision.

3. Good 1 & 2, i have no idea. I only thought of an alternative, like you need to create abstract classes/interfaces first, so each platform need to implement that class individually. This approach of course is not a single code base approach kind of thing i would say. But it's still better on the business layer. Just a reminder, Every cross platform framework there is not giving you 100% exactly the same run each platform. You still need to understand each of them. React Native is just React Native, it's a platform agnostic UI library. Although, it's for Android & iOS at the time. Take a look at the react-native-vision-camera, you probably want to use it for a camera in React Native, but the library itself is not a single code base, it's just an abstraction layer for the end user.

reddit.com › r/webdev › is react native the right choice?

r/webdev on Reddit: Is React Native the right choice?

September 12, 2022 -

I have to build an android app and a web app with the same features for a client. Do you think I should use react native?

I've created two apps in react native with expo and they are very hard to maintain. Over the year there was so much changes in different tools and libraries that I've spent one month updating code to match everything. It's really painful experience. Multiple things are badly documented (OAuth especially). Typescript types sometimes don't match code base especially in JS Google libraries.