Using React Native For Web

React Native for Web makes it possible to run React Native components and APIs on the web using React DOM. More info

Articles & Tutorials

Hands-on with React Native for Web: A complete tutorial (blog.logrocket.com)
Mar 31, 2021
In this article, we will talk about the buzz around React Native for Web and set up a demo project with it, too!
  • Kumar Harsh
Sharing Code between React Web / Native TypeScript Projects (codeburst.io)
Nov 27, 2019
Say we are working on a React Web and React Native project with overlapping functionality. We write some common code that we want to share between them, e.g., custom React Hooks. We don’t want to use the “copy-and-paste” method of sharing code; too error-prone. We want something that behaves like our projects’ other libraries, i.e., behaves like a npm library.
  • John Tucker
The Case for the React Native Web Singularity (swyx.io)
Aug 30, 2019
Bottom line up front: There is a possible "React Native Web Singularity", when it starts being a better standalone choice for developing for the mobile web than react-dom. If this speculation comes true, this would be gamechanging.
The state of React Native Web in 2019 (blog.logrocket.com)
Apr 10, 2019
React-native-web is one of the most amazing ideas I’ve stumbled upon in a while. For UI developers, it makes a longtime dream a reality: the ability to create an application that runs on both phones and browsers with just one codebase.
  • Javier Marquez
Build Mobile-Friendly Web Apps with React Native Web (telerik.com)
Jan 22, 2019
Creating a multi-platform application is even easier with React Native Web, which lets us build and deploy to the web and mobile platforms alike.
Your First Hybrid App in Minutes  -  React Native on the Web (medium.com)
Jul 30, 2018
In a few minutes, you’ll have a Pokedex app, one that runs on iOS, Android, and on the web.
  • Jonny Kalambay
React Native For Web: A Glimpse Into The Future (smashingmagazine.com)
Aug 08, 2016
One of the hardest decisions to make when starting a new app is which platforms to target. A mobile app gives you more control and better performance but isn’t as universal as the web. If you’re making a mobile app, can you afford to support both iOS and Android? What about trying to build a mobile app and a responsive web app? Ultimately, the best experience for your customers is for your app to work everywhere, but the development and maintenance costs of that can be prohibitive.
  • Clayton Anderson

Video Guides & Talks

Monorepo: React Web & React Native (youtube.com)
Oct 03, 2019
There are cases when product has a lot of business logic and want's to share it across web and mobile platforms, especially when the web part uses React and mobile - React Native.
  • Eugene Zharkov
Successful Web & React Native Code Sharing Strategies (youtube.com)
Jul 31, 2019
At Nozbe, we share almost all component-level code between React for the web and React Native (both iOS and Android) — without ReactXP, react-native-web, or react-primitives! Let me show you how we did this — from project setup, through shared infrastructure, all the way up to shared components and styling — and how you can achieve the same thing.
  • Radek Pietruszewski
How to Build a Website with React Native (youtube.com)
Jun 19, 2019
Today I'ma run you through how to make a web app with Expo. The steps are really just expo init, expo build:web, netlify deploy. In my usual distracted fashion I walk you through these steps in 12 minutes.
Navigation in React Native Web (youtube.com)
Feb 20, 2019
Learn how to do Navigation in React Native Web.

Podcast Episodes

React Native vs Native Chicago Edition (devchat.tv)
Aug 27, 2019
Don Moro, a Native developer, is being pushed by his company to cross-platform with React Native, he joins the podcast to ask the panel for advice.
  • Peter Piekarczyk
  • Don Moro
  • Rob Volk