English versionEN

Panel Discussion: Write Once, Render Anywhere

4 authors

Bookmark

FAQ

The React Foundation aims to provide a democratic development approach, allowing contributions from various companies to shape React's future.

Cross-platform development reduces complexity and ensures consistent user experiences across devices, complementing AI's capabilities.

Taz Singh is a developer with 25 years of experience in JavaScript, known for his work in the React community.

React was initially booed off stage at JSConf US 2013 due to skepticism about mixing HTML with JavaScript.

React Native is a framework that allows developers to build mobile apps using JavaScript and React, enabling cross-platform development for iOS and Android.

Taz Singh introduced Nicola Corti, Jorge from Meta's React team, and Swan from Linx at ByteDance.

Linx is a cross-platform technology developed by ByteDance, now using React to enhance its capabilities and reach.

Meta builds UI infrastructure for its products while considering community needs, aiming to solve problems at Meta scale before open-sourcing the solutions.

The React Native team focuses on stability and harmonizing APIs with web standards, tackling legacy code issues from its hackathon origins.

AI is seen as a tool to enhance development efficiency, but cross-platform solutions like React Native still offer a unified codebase advantage.

cross-platform

33 min

28 Nov, 2025

Comments

Video Summary and Transcription

Taz Singh, experienced JavaScript developer, recalls early struggles with JavaScript for video games. Transitioned to React development after initial skepticism. Explored React Native for mobile app development and React Native web. Introducing Nicola Corti, Jorge, and Swan from React teams. Swan questioned on moving from React to Linx. Discussion on React, Linx, and shared experiences. Discussing the challenges and importance of open source advocacy and aligning internal priorities with external ecosystem growth at big tech companies like Meta and ByteDance. Discussing the alignment of internal priorities with external ecosystem growth and the challenges faced in open-sourcing technologies at ByteDance and Meta. React Native's focus on React, combined with efforts to make web technologies work effectively, showcases diverse perspectives in enhancing technology solutions and fostering collaborative learning. Amazon's groundbreaking shipping of React Native, coupled with a democratic approach to React's evolution, signals the next chapter for the ecosystem and community. AI's impact on cross-platform development, the use of agents for React and React Native, and challenges in maintaining app parity between platforms. AI's role in UI frameworks evolution and the importance of human-centric design for AI integration, gratitude for open-source contributions.

Available in Español: Panel Discussion: Write Once, Render Anywhere

Video transcription and chapters available for users with access.

Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

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

React Advanced 2021

21 min

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

Top Content

Perttu Lähteenlahti

RevenueCat

This Talk discusses building cross-platform component libraries for React and React Native, based on a successful project with a large government-owned news organization. It covers the requirements for React Native knowledge, building cross-platform components, platform-specific components, styling, and the tools used. The Talk also highlights the challenges of implementing responsive design in React Native.

react native ui library react cross-platform react native component library react native for web react native components

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

React Summit 2022

7 min

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

Emily Xiong

This presentation focuses on sharing code between React web and React native mobile apps. The speaker demonstrates how to achieve feature parity using a Monorepo with NX. They highlight the importance of sharing non-UI code, such as business logic and state management, through shared libraries. This approach allows the apps to focus on UI code while keeping non-UI code separate. For more details, refer to the speaker's blog post.

cross-platform react native web apps mobile apps developer challenges react mobile app

Replacing Shell Scripts with Cross-Platform TypeScript

TypeScript Congress 2023

8 min

Replacing Shell Scripts with Cross-Platform TypeScript

David Sherret

Deno

The speaker discusses the benefits of replacing shell scripts with TypeScript, highlighting the limitations of shell scripts and the advantages of TypeScript such as cross-platform compatibility and better tooling. Deno is presented as the ideal platform for single file scripting, with its built-in support for TypeScript, automatic dependency installation, and sandboxing. The dax library is mentioned as a useful tool for scripting, providing a cross-platform shell and other APIs. Overall, the Talk emphasizes the power and flexibility of using TypeScript and Deno for scripting purposes.

typescript cross-platform

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

React Summit US 2023

30 min

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

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

Kaleb McKelvey

Netflix

This Talk explores the journey of a software developer in unraveling the mysteries of Netflix TV UI. It emphasizes the importance of continuous learning in TV UI development and discusses the use of React and the TV signup process. The Talk also highlights the significance of widgets, navigation, and the TVUI Explorer app in building TV UI. It delves into the TVUI dev process, testing layers, and the value of continuous learning and fresh perspectives in the tech industry. The Talk concludes with insights on job opportunities, resources for TV development, and the Netflix hiring process.

cross-platform case study iot

React Native Everywhere

React Summit 2022

22 min

React Native Everywhere

Taz Singh

Guild

React Native Everywhere enables code sharing and platform individuality, responsive composition and navigation are key focus areas, the React Bangalore community has played a role in the development of React Native design systems, React Native URL Router provides a native feel with drag-from-edge navigation, collaboration with Software Mansion has been beneficial, and token-based centralization is important for consistent adaptation of design systems.

react cross-platform react native

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

React Summit 2023

10 min

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

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

Arisa Fukuzaki

Cross-platform development allows you to build apps compatible with multiple devices or operating systems, reusing 50 to 80 percent of your code. React Native has a wide range of third-party libraries for using APIs. Code examples cover React Native standalone case and with content management system, exploring built-in core components and third-party library APIs. Content management systems simplify content editing and asset swapping, allowing real-time editing and easy asset uploads. The importance of knowing built-in APIs for mastering cross-platform technologies and building scalable, easy-to-maintain applications is highlighted.

cross-platform react native

Workshops on related topic

Bringing Your Web App to Native With Capacitor

JSNation 2023

111 min

Bringing Your Web App to Native With Capacitor

WorkshopFree

Mike Hartington

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

cross-platform mobile apps capacitor vs react native capacitor react capacitor

Bringing your React Web App to native with Capacitor

React Summit 2022

92 min

Bringing your React Web App to native with Capacitor

Workshop

Mike Hartington

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.

react cross-platform mobile apps capacitor vs react native capacitor react react native for web capacitor

Building for Web & Mobile with Expo

React Day Berlin 2022

155 min

Building for Web & Mobile with Expo

Workshop

Josh Justice

We know that React is for the web and React Native is for Android and iOS. But have you heard of react-native-web—for writing an app for Android, iOS, and the web in one codebase? Just like React Native abstracts away the details of iOS and Android, React Native Web extracts away the details of the browser as well. This opens up the possibility of even more code sharing across platforms.
In this workshop you’ll walk through setting up the skeleton for a React Native Web app that works great and looks awesome. You can use the resulting codebase as a foundation to build whatever app you like on top of it, using the React paradigms and many JavaScript libraries you’re used to. You might be surprised how many types of app don’t really require a separate mobile and web codebase!
What's included1. Setting up drawer and stack navigators with React Navigation, including responsiveness2. Configuring React Navigation with URLs3. Setting up React Native Paper including styling the React Navigation drawer and headers4. Setting up a custom color theme that supports dark mode5. Configuring favicons/app icons and metadata6. What to do when you can’t or don’t want to provide the same functionality on web and mobile
Prerequisites- Familiarity with building applications with either React or React Native. You do not need to know both.- Machine setup: Node LTS, Yarn, be able to successfully create and run a new Expo app following the instructions on https://docs.expo.dev/get-started/create-a-new-app/

react cross-platform react native expo

Panel Discussion: Write Once, Render Anywhere

FAQ

Comments

Available in other languages:

Check out more articles and videos

Workshops on related topic

Subscribe to the top JS conferences