React Native for Web

React Native's Components and APIs for React DOM. Used in production web apps by Facebook, Twitter, and others.

[React Native for Web @ReactWeb]

Expensify's @AndrewGable on cross-platform product development:

"We're able to reuse 100% of our code...we make sure that [every] feature is going to work on web, mobile, and desktop...way more time shipping to our users"

https://t.co/qjYWKop3Oo

[Addy Osmani @addyosmani]

Tip: Chrome DevTools > Lighthouse visualizes what's in the JavaScript you ship with a Treemap 🔥

e.g. Bluesky uses React Native Web, MobX & Lodash.

This tooling helps you understand what's unused, module sizes and if you have duplicate dependencies.

[Charlie Cheever @ccheever]

Amazing to see how fast BlueSky was able to get a v1 website and app built by a small team using Expo and React and RN. Makes such a difference when you can write once and put most of your energy into product instead of platforms.

[React Native for Web @ReactWeb]

@jamonholmgren If you use React Native for Web you're using Views built on divs. But there's a lot more to UIs than components, and that's where React Native is missing a lot of important features that already exist on web.

[React Native for Web @ReactWeb]

3. Most developers are using React to target the web. Being able to run that code on native with only minor modifications is a huge upsell for React DOM and React Native. No rewrites or re-education needed. But no loss of flexibility for custom RN components either.

[React Native for Web @ReactWeb]

"React DOM for Native".
Read the latest iteration of the RFC to reduce API fragmentation across platforms https://t.co/aMwuZ7SJo5

[React Native for Web @ReactWeb]

2. Designing proprietary cross-platform APIs is very long and difficult work. Implementing an existing cross-platform API should be faster to accomplish and easier for stakeholders to collaborate.

[React Native for Web @ReactWeb]

Gabriel contributed many of the PRs responsible for bringing React DOM props and styles to React Native 0.71. Thanks for all the quality work!

[Gabriel Donadel @donadeldev]

Just found out I was the #9 top contributor on the @reactnative core repo last year according to GitHub Insights. Even more exciting, if you exclude Meta employees, I'm #1!🎉

Super thankful for the amazing support from the React Native community.

[React Native for Web @ReactWeb]

React Native now supports more of the props, styles, and events found in React DOM. This is another step forward in making it easier to share code been native and web apps

[React Native @reactnative]

React Native 0.71 is now available!

This is a feature packed release 👇

https://t.co/x0mU1jsGwm

[React Native for Web @ReactWeb]

Try the canary release of React Native for Web 0.19. Support for React 18, compatibility with DOM props, and a lot of API deprecations. https://t.co/BKvoJEKr2e

[React Native @reactnative]

Our team has been working on an experimental cross-platform pointer API for React Native this past year and we're excited to share our progress!

Check out our post on motivations, benefits, and how to try it out.

https://t.co/O9r68h0cGC

[React Native for Web @ReactWeb]

The React Native RFC to reduce API fragmentation across platforms has had a major update. The proposal amounts to supporting a strict subset of DOM and CSS APIs. https://t.co/aMwuZ7SJo5

[React Native @reactnative]

Tell us how we can improve React Native!

Now, more than ever, your feedback will influence the direction of React Native. Thank you 🙂

https://t.co/l21fc4jTs9

[React Native for Web @ReactWeb]

React Native is on track to add support for 29 W3C props, including several aria-* props, thanks to contributions from the OSS community. Thanks to everyone who wrote patches to make this happen!
https://t.co/QWQ5j1sS8l

[React Native @reactnative]

We're looking for the community to help us improve interop between React Native and React DOM component props and styles.

Take a look at these issues for opportunities to contribute to this effort!

https://t.co/PlCf6IYXCi
https://t.co/Kg8DXTTq09

[React Native for Web @ReactWeb]

We're looking for the React community to help us improve interop between @reactnative and @reactjs component props and styles. Take a look at these issues for opportunities to contribute to this effort!

https://t.co/QWQ5j1sS8l
https://t.co/XbsMTaZxfT

[React Native for Web @ReactWeb]

Please leave feedback on GitHub (not Twitter) for this RFC by the end of the week

[React Native for Web @ReactWeb]

React Native RFC: Reduce API fragmentation across platforms https://t.co/aMwuZ89Mq5

[React Native for Web @ReactWeb]

React Native RFC: Reduce API fragmentation across platforms https://t.co/aMwuZ89Mq5

[React Native for Web @ReactWeb]

If you had to design cross-platform React components & APIs from scratch, what would your design principles be and what would the user-facing API look like?