React Native Everywhere

Taz Singh

Bringing Your Web App to Native With Capacitor

Bringing your React Web App to native with Capacitor

Bringing Ionic (and Web Components) to React

Mike Hartington

Building Cross-Platform Component Libraries for Web and Native with React

Perttu Lähteenlahti

How to Share Code between React Web App and React Native Mobile App in Monorepo

Emily Xiong

Go From Zero To Hero: Be Cross-Platform Devs With React Native

Arisa Fukuzaki

Journey Into the Unknown: My Adventure Unravelling the Mysteries of the Netflix TVUI Universe

Kaleb McKelvey

Using PKCE to Communicate Between React and Native Mobile SDKs

Itai Hanski

Replacing Shell Scripts with Cross-Platform TypeScript

David Sherret

React Summit US

React Summit US 2023

At Netflix, millions of our users watch Netflix on TV Devices. How do we develop the UI for all of the different types of devices? That's exactly what I wanted to know!
I'll be sharing why it's important to take on new growth opportunities, how to navigate the difficulties of learning a whole new platform at a new company, and some of the things I've learned about how we use React to bring Netflix to your TV!

TS Congress

TypeScript Congress 2023

Shell scripts serve a useful purpose, but they have some downsides. What if we could overcome these issues and make our scripts more powerful by utilizing familiar cross-platform TypeScript? In this talk, we'll discuss why you should switch your shell scripts to TypeScript and demonstrate a possible approach.

React Summit

React Summit 2023

We know if we have the fundamental of JavaScript and React knowledge, we can build cross-platform apps. But how many of you have tried out? Learning once and shipping for several operating systems sounds so cool. Don’t you want to experience how it’s easy to transfer your JS &amp; React knowledge and powerful built-in APIs to extend your dev skills? In this talk, we’ll see some facts from a developer perspective and a few examples of how you can transfer your JS &amp; React knowledge.

It’s important to have a frictionless, secure, and performant authentication system for any app, be it web or mobile. In this lightning talk, Itai Hanski covers the importance of authentication and how the Descope team used PKCE to communicate between their React web app and native mobile SDKs.

React Summit 2022

Usually creating web and mobile apps require different tech stacks, and it is pretty hard to share code. This talk will show how I added a React web app and a React Native mobile app in the same monorepo using Nx, and how I optimized codeshare between react web app and react native mobile app.

Developing for each platform individually is so 2010s. These days, with React Native’s component system providing base-level UI constructs, we can efficiently develop for every platform while not sacrificing any particular platform’s uniqueness. Taz will review the approach they’ve taken while developing Guild, and the creation of their Mondrian cross-platform responsive design system as well as how they’ve accommodated the differences in navigational experiences across platforms to accomplish a codebase that can be 95+% shared across every platform.

React Advanced

React Advanced Conference 2021

Building products for multiple platforms such as web and mobile often requires separate code-based despite most of the components being identical in look and feel. Is there a way where we could use shared React component library on different platforms and save time? In this presentation I'll demonstrate one way to build truly cross-platform component library with a unique approach of using React &amp; React Native in combination. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

React Summit Remote Edition

React Summit Remote Edition 2020

Ionic is a framework for building fast and powerful mobile, desktop, and web apps with web technology. Traditionally, Ionic has been built on top of one framework: Angular. But recently, Ionic added support for React, and aims to bring the same great development experience to the React ecosystem. In this talk, we’ll look at how an Ionic React app works and how this changes the React ecosystem (surprise, it's because of Web Components). <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

JS Nation

JSNation 2023

So, you have a killer web app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store! Contents: This workshop is aimed at beginner developers that have an existing web application, or are interested in mobile development. We will go over:- What is Capacitor- How does it compare to other cross-platform solutions- Using Capacitor to build a native application using your existing web code- Tidying up our application for distribution on mobile app stores with naming conventions, icons, splash screens and more

So, you have a killer React app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store! This workshop is aimed at intermediate developers that have an existing React application, or are interested in mobile development with React. We will go over: What is CapacitorHow does it compare to other cross-platform solutionsUsing Capacitor to build a native application using your existing web codeTidying up our application for distribution on mobile app stores with naming conventions, icons, splashscreens and more.

#cross-platform