Deploy Everywhere with Expo Router

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2025
November 18 - 21, 2025
New York, US & Online
The biggest React conference in the US
Learn More
In partnership with Focus Reactive
Upcoming event
React Summit US 2025
React Summit US 2025
November 18 - 21, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

Gracias a Expo Router, es más fácil que nunca crear una hermosa aplicación que funcione en iOS, Android y web. Con la adición de herramientas de IA, ahora es más fácil construir una aplicación que desplegarla, pero no tiene por qué ser así. Aprende sobre cómo hemos mejorado Expo Router y cómo estamos facilitando el envío de aplicaciones a todas partes.

This talk has been presented at React Summit 2025, check out the latest edition of this React Conference.

Evan Bacon
Evan Bacon
26 min
13 Jun, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Innovando ExpoGo (anteriormente Exponent) para la creación rápida de prototipos móviles con soporte de código nativo personalizado y despliegue instantáneo. Revolucionando el desarrollo de aplicaciones nativas con Continuous Native Generation (CNG) para una mayor velocidad y acceso a nuevas funciones. Potenciando el framework React con Expo para web, permitiendo aplicaciones universales con beneficios de SEO y herramientas avanzadas de CSS. Innovando la navegación con Expo Router para una integración perfecta de enrutamiento basado en archivos y API nativas. Simplificando el despliegue de aplicaciones con Expo para un desarrollo full stack eficiente y una incorporación de usuarios más sencilla.

1. Explorando la Evolución de ExpoGo

Short description:

En 2017, descubrí Exponent (ahora ExpoGo) para prototipos móviles rápidos con compartición mundial. Innové el lanzamiento de aplicaciones con código QR pero enfrenté limitaciones. Me uní al equipo de expo para mejorar la herramienta, permitiendo el uso de código nativo personalizado para aplicaciones Expo verdaderamente nativas con potencial ilimitado y despliegue instantáneo.

Muy bien. Cuando descubrí Exponent, el nombre original de ExpoGo, en 2017, me sorprendió la capacidad de crear rápidamente hermosos prototipos móviles y luego compartirlos mundialmente en un instante. Proveniente de un entorno de Swift, estaba acostumbrado a pasar semanas construyendo una interacción solo para compartir capturas de pantalla en línea. Así que me enamoré instantáneamente de la idea de lanzar aplicaciones en minutos en lugar de meses. Exponent fue pionero en tecnología como escanear un código QR para lanzar instantáneamente una aplicación nativa, pero había algunas limitaciones.

Necesitabas expulsar para agregar código nativo personalizado, los binarios eran muy grandes y las herramientas eran muy limitadas. Así que, aunque estaba a la vanguardia de la distribución de aplicaciones, todavía había varias maneras en que podía mejorar. Exponent era esencialmente un prototipo de cómo debería verse y sentirse el software. Debería ser instantáneo y compartible con URLs y multiplataforma como la web, pero con la belleza y el potencial ilimitado de una aplicación móvil.

Así que dejé todo en mi vida para unirme al equipo de expo y convertir esta visión del futuro en una realidad, y hoy voy a mostrarte hasta dónde hemos llegado y hacia dónde va expo. Así que el primer paso fue hacer que expo fuera más que solo una herramienta de prototipos. Para hacer esto, necesitábamos eliminar todas las limitaciones y permitir que se usara cualquier código nativo personalizado. Las aplicaciones de Expo están compuestas de dos partes. Está el tiempo de ejecución nativo que funciona como un navegador de alta potencia y la capa de JavaScript que funciona como un sitio web moderno de React.

2. Revolutionizing Native App Development with CNG

Short description:

El prototipo original de Exponent carecía de inclusión de código nativo personalizado, resuelto por la generación nativa continua (CNG). CNG revolucionó los proyectos de Expo y React Native, ofreciendo velocidad de desarrollo ilimitada y acceso nativo a nuevas características. MPX create target mejora el potencial de la plataforma nativa al habilitar widgets de Apple, app clips y experiencias de aplicación fluidas con hápticos personalizados.

En el prototipo original de Exponent, el tiempo de ejecución nativo era un solo binario y la capa de JavaScript se intercambiaba por cada compilación. Esto significa que no se podía incluir código nativo personalizado, solo el JS era mutable. Muy similar a un navegador. Así que para resolver esto, creamos un sistema donde el tiempo de ejecución nativo se generaría automáticamente basado en el tiempo de ejecución de React. Esto significaba que podías adoptar progresivamente el código nativo en lugar de tener que lanzarte de cabeza a Xcode y Android Studio. Y el sistema se llama generación nativa continua, o CNG por sus siglas en inglés.

CNG resolvió simultáneamente muchos de los mayores problemas tanto de Expo como de React Native, pero más notablemente, actualizar proyectos se volvió tan simple como aumentar los módulos de nodo y ejecutar Expo pre-build. Expo CNG cambió todo, porque significaba que no había límites ni compromisos en la velocidad de desarrollo. Podías usar cualquier código nativo que quisieras y disfrutar de todos los beneficios de Expo. Porque las aplicaciones de Expo son verdaderamente nativas, tienen acceso desde el primer día a todas las nuevas características de la plataforma, como el nuevo lenguaje de diseño Liquid Glass de Apple, sin necesidad de cambios de código. Así que obtienes todos los hermosos elementos nativos, desde el primer día, integrados en la plataforma.

Filmé esto, como puedes imaginar, como una adición de último minuto, realmente esta mañana. Pero no nos detuvimos ahí. CNG te permite llevar la plataforma nativa a su máximo potencial. Recientemente lancé MPX create target, que te permite agregar fácilmente widgets de pantalla de inicio de Apple, extensiones para compartir y app clips, actividades en vivo y más, a tu aplicación iOS. Usé MPX create target para agregar un app clip a mi juego Pillar Valley, permitiendo a los usuarios abrir instantáneamente la aplicación desde una URL, al igual que la web. Esto es genial, porque las personas pueden experimentar inmediatamente la aplicación nativa tal como fue diseñada para ser utilizada, con hermosos shaders y hápticos personalizados durante el juego.

QnA

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

Fetch Once, Render Everywhere: React Server Components en Expo Router
React Summit 2024React Summit 2024
28 min
Fetch Once, Render Everywhere: React Server Components en Expo Router
Top Content
React Native and ExpoRouter provide a powerful way to build client-side applications that run on both web and native platforms. Server-driven UI and React Server Components offer dynamic rendering and A-B testing opportunities. Server rendering in native apps allows for the integration of movies and enhances the user and developer experience. The Talk includes live demos showcasing interactions with Spotify and native contacts, as well as currency conversion. Server rendering and React Server Components enable the generation of interactive components and bring modern state and AI to every platform.

Workshops on related topic

Creación para Web y Móvil con Expo
React Day Berlin 2022React Day Berlin 2022
155 min
Creación para Web y Móvil con Expo
Workshop
Josh Justice
Josh Justice
Sabemos que React es para la web y React Native es para Android e iOS. Pero ¿has oído hablar de react-native-web? ¡Para escribir una aplicación para Android, iOS y la web en un solo código base! Al igual que React Native abstrae los detalles de iOS y Android, React Native Web también abstrae los detalles del navegador. Esto abre la posibilidad de compartir aún más código entre plataformas.
En este masterclass, aprenderás a configurar el esqueleto de una aplicación React Native Web que funcione de manera excelente y se vea increíble. Puedes utilizar el código resultante como base para construir la aplicación que desees, utilizando los paradigmas de React y muchas bibliotecas de JavaScript a las que estás acostumbrado. ¡Te sorprenderá la cantidad de tipos de aplicaciones que realmente no requieren un código base separado para móvil y web!
Qué se incluye1. Configuración de navegadores de cajón y de pila con React Navigation, incluyendo la capacidad de respuesta2. Configuración de React Navigation con URLs3. Configuración de React Native Paper, incluyendo el estilo del cajón y los encabezados de React Navigation4. Configuración de un tema de color personalizado que admita el modo oscuro5. Configuración de favicons/iconos de aplicaciones y metadatos6. Qué hacer cuando no puedes o no quieres proporcionar la misma funcionalidad en la web y en el móvil
Requisitos previos- Familiaridad con la construcción de aplicaciones con React o React Native. No es necesario conocer ambos.- Configuración de la máquina: Node LTS, Yarn, ser capaz de crear y ejecutar correctamente una nueva aplicación Expo siguiendo las instrucciones en https://docs.expo.dev/get-started/create-a-new-app/