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.

3. Empowering React Framework with Expo for Web

Short description:

Después de renovar el tiempo de ejecución nativo, el enfoque se trasladó a mejorar el marco de React con Expo para web, permitiendo aplicaciones universales en la web y móviles con características avanzadas. Expo para web potencia el SEO, herramientas modernas de CSS y capacidades de React 19. Los componentes DOM de Expo y Expo Router revolucionan el desarrollo de aplicaciones al ofrecer vistas web optimizadas y enrutamiento basado en archivos para experiencias de usuario fluidas.

Y luego puedes descargar la aplicación directamente dentro de la aplicación sin tener que visitar la tienda de aplicaciones. Así que esta experiencia es muy fluida. Y después de que renovamos el tiempo de ejecución nativo, quedó claro que el siguiente paso era hacer que el marco de React fuera de primera clase también. React native se centró principalmente en los aspectos nativos de la experiencia del desarrollador. Así que cosas como iniciar un proyecto, que son instantáneas en la web, tomarían minutos en nativo. El empaquetado tomaría de 30 segundos a un minuto, y era más fácil comenzar de nuevo con TypeScript que agregarlo a un proyecto existente. Por eso creé Expo para web.

Teníamos un objetivo dedicado que se centraba únicamente en resolver estos problemas de manera universal y llevar el marco de React a sus límites. Expo para web potencia todo, desde la enorme red social BlueSky hasta mi sitio web favorito BK.com. Soy estadounidense y me encanta este sitio web. Estas son aplicaciones universales que se ejecutan no solo en la web, sino también de forma nativa en dispositivos móviles. Demuestran que con Expo, realmente puedes escribir una vez y ejecutar en todas partes. Expo para web es de alta potencia, permitiendo SEO, todas las herramientas modernas de CSS y características de React 19 como el compilador de React y los componentes del servidor de React. Además, Expo para web ha mejorado radicalmente Expo para nativo y React native en su conjunto, con muchas características que se escribieron una vez para la web y funcionan en todas partes.

Mis favoritos personales de nuestra versión más reciente de Expo, los componentes DOM de Expo donde simplemente marcas archivos con use DOM para renderizarlos dentro de una vista web optimizada. Cubriremos esto un poco más en un momento. Reescribimos el registro de errores para crear mensajes legibles por humanos cuando obtienes un error de React. Solo entiende que este es un mensaje de error aceptable para un desarrollador nativo. Esto es lo que esperarías ver de un marco web. Puedes ver el beneficio de soportar tanto web como nativo. Incluso llegamos a agregar HMR a las variables de entorno para que no necesites reiniciar el servidor de desarrollo para ver los cambios.

4. Innovating Navigation with Expo Router

Short description:

Estableciendo altos estándares con React native, Expo Router ofrece enrutamiento basado en archivos, resolviendo problemas como el deep linking y garantizando la seguridad de tipos. Los componentes DOM de Expo permiten la migración incremental de React solo web a aplicaciones React universales, integrando sin problemas APIs nativas para una funcionalidad mejorada.

Establecer nuestros estándares con React native tan altos como en la web es lo que hace que Expo se sienta mucho mejor que las herramientas nativas tradicionales, pero quizás la característica más importante que obtuvimos al adoptar la web es el enrutamiento basado en archivos. Desde sus inicios, la web ha tenido el sistema de enrutamiento más intuitivo, donde cada archivo en un directorio alojado era enlazable con URLs. Este sistema ha resistido la prueba del tiempo y ha demostrado ser la forma más centrada en el ser humano para definir la navegación, por eso creé Expo Router, el primer sistema de enrutamiento basado en archivos universal para nativo y web al mismo tiempo.

Con Expo Router, las rutas se definen simplemente creando archivos en el directorio de la aplicación. Expo Router también resuelve completamente categorías enteras de problemas, como el deep linking y la seguridad de tipos. En Expo Router, todas las rutas son completamente enlazables por defecto, lo cual no es estándar en una aplicación nativa, realmente no hay otra forma de lograr eso, y todo es completamente seguro en cuanto a tipos, lo cual es increíble. TypeScript es bastante impresionante. Así que aunque Expo Router es bastante nuevo, ya impulsa muchas aplicaciones fantásticas.

Ya encontré casi 100 en la lista de tendencias de iOS, incluyendo Partiful, que acaba de ganar el premio a la aplicación del año de Google Play. Mira este pequeño video loco. Tenemos algo de audio aquí. Oh, no lo tenemos.

5. Enhancing React Migration with Expo DOM

Short description:

Comentario sobre el éxito de la aplicación Partiful y el papel de Expo Router. Discusión sobre la migración incremental y el valor de Expo al aprovechar sitios web existentes para móviles. Introducción de componentes Expo DOM para una migración sin problemas a aplicaciones React universales con integración de API nativa.

Aquí, comentaré sobre ello. Ellos dicen, ¡oh dios mío, Partiful es increíble! ¡Esta es la mejor aplicación del año! Felicitaciones por obtener este premio. Esa es la aplicación número uno en la tienda Android Play este año, construida con Expo Router. No solo te ayuda a lograr lo mejor, sino que define lo que es posible como lo mejor.

Quiero hablar un poco sobre la migración incremental. Todo esto es increíble, pero es un marco completamente nuevo, todos tenemos trabajos. La web es una forma fantástica de descubrir rápidamente el ajuste del producto al mercado y prototipar una idea. Pero hoy, la gente pasa la mayor parte de su tiempo en aplicaciones móviles. Hoy existen muchos sitios web fantásticos, y si ya tienes un sitio web poderoso y hermoso que es responsivo, lo has optimizado, has encontrado un ajuste de producto al mercado, no deberías tener que desecharlo y empezar desde cero para llegar a los usuarios móviles.

Y con Expo, no tienes que hacerlo. Recientemente introdujimos componentes Expo DOM, que te permiten migrar incrementalmente de React solo web a aplicaciones React universales. Simplemente marcas componentes con Use DOM para renderizarlos dentro de una vista web optimizada. Estos componentes esencialmente funcionan como mini sitios web de Expo. Puedes mover la directiva Use DOM para migrar incrementalmente secciones enteras de tu sitio web a una hermosa aplicación universal. Veamos, ¿qué tenemos aquí? Además, las APIs nativas, como notificaciones, hápticos y cualquier cosa que desees, se pueden llamar desde el componente DOM simplemente pasando funciones props al componente. Así que tenemos este puente serial mágico donde toma el prop y luego lo interrumpe de ida y vuelta a través del puente. Así que todo se siente muy de primera clase para React. Un gran ejemplo aquí, veamos, puedo obtener una pequeña animación de notificación allí.

6. Effortless Migration with Expo DOM Components

Short description:

Utilizando las APIs nativas de Apple para LLMs offline con componentes Expo DOM. Integración perfecta de nativo, React native y React DOM para un desarrollo eficiente. Migración simplificada de componentes de sitios web a móviles con Expo DOM, conectando front ends a una plataforma de servidor universal.

Así que puedes enlazar fácilmente las APIs nativas, como por ejemplo, los nuevos modelos de fundación de Apple, para usar LLMs offline de forma gratuita en solo un par de líneas. Así que aquí, acabo de construir esto ayer donde estoy usando los nuevos modelos LLM offline de Apple donde puedes simplemente solicitar al modelo que se ejecute en tu teléfono, y luego estoy renderizando todo este código aquí dentro de un componente DOM, esencialmente una vista web. Pero puedo enlazarlo desde Swift y luego llamarlo en una sola línea desde JavaScript, lo cual es súper divertido.

Y luego no tengo que, puedo simplemente tomar mi existente... Como imagina que haces todo esto, pero luego es como, oh dios mío, tengo que escribir un editor de código y obtener todo el estilo correcto, y es como, un sinsentido. Aquí podemos combinar nativo, React native y React DOM todo en un solo paso de primera clase. Es bastante dulce. Pero quizás la mejor parte de los componentes DOM es que funcionan desde el primer momento con menos de cero configuración. Un sitio web moderno requiere toneladas de funcionalidad de empaquetador para funcionar. Y los componentes DOM no son diferentes.

Visual CLI reutiliza automáticamente toda la configuración existente en todas las plataformas. Esto significa secretos, alias, optimizaciones, ayudantes, todo, ¿verdad? La parte en la que quieres pasar la menor cantidad de tiempo está compartida en todas partes. Y cualquier nueva funcionalidad de empaquetador funcionará en todas partes, también. Construí una aplicación de demostración para demostrar la migración de bloques y plantillas de stock Shad CN a móvil usando una hermosa navegación nativa, para que puedas probarlo tú mismo aquí para ver cómo se siente y tener una idea de lo genial que pudimos hacer que se sientan las WebViews.

7. Seamless Server Integration with Expo Platform

Short description:

Conectando front ends a un servidor con la plataforma de servidor de Expo para un desarrollo universal. Introducción de EAS hosting para un despliegue simplificado y métricas en tiempo real. Información procesable proporcionada por la plataforma de servidor de Expo para un desarrollo de aplicaciones de alta calidad.

Si realmente quieres causar un impacto, necesitas conectar esos front ends a un servidor. En nativo, esto puede ser extremadamente difícil, lo que lleva a aplicaciones que se ven mucho mejor de lo que funcionan. Un buen ejemplo de esto es la inteligencia de Apple, que se ve increíble, pero es mayormente completamente inútil. Por eso creamos la plataforma de servidor de Expo. La plataforma de servidor consiste en variables de entorno para almacenar de forma segura secretos que nunca se exponen al cliente, rutas API para construir endpoints serverless estables usando mejores prácticas, APIs modernas, y funciones de servidor React para construir funciones seguras en tipo que son capaces de renderizado en servidor y transmisión de vistas a todas las plataformas.

Nativo y web, todo aquí es completamente universal, y puede parecer extremadamente familiar porque está todo basado en APIs web existentes. Y para rematar, acabamos de introducir EAS hosting para simplificar el despliegue de producción de sitios web, funciones de servidor y activos estáticos con un solo comando, EAS deploy, que estuvo caído ayer debido a la construcción en CloudFlare. Así que EAS hosting permite métricas en tiempo real para rutas populares para ayudarte a entender mejor cuánto de tu aplicación se está usando y en qué plataformas. Esto también incluye información detallada de errores por defecto para todos los errores de servidor.

Por ejemplo, tengo una aplicación de chatbot de IA, y puedo ver aquí que a veces encuentra errores cuando se llama desde un país o región en particular. Si profundizamos un poco más, podemos ver que estos errores se originan en Hong Kong, y luego podemos ver que OpenAI está desautorizando solicitudes a esta región, lo cual es extremadamente valioso. Dentro de una aplicación nativa, realmente no tienes el mismo tipo de visibilidad que tienes en un sitio web. No puedes simplemente abrir la consola y ver errores de consola. Así que puede que nunca haya descubierto esto de otra manera. Y al simplemente usar la plataforma de servidor de Expo, ahora obtenemos información procesable sobre cómo arreglar nuestra aplicación y construir los productos de la más alta calidad sin configuración adicional.

8. Desbloqueando Capacidades de Full Stack con Expo Server

Short description:

Creando una aplicación de chatbot de IA con capacidades de full stack. Plataforma de servidor componible para componentes robustos. Integración perfecta de la lógica del servidor y del cliente para la resolución de problemas del mundo real.

Toda la plataforma de servidor se utilizó para crear esta aplicación de chatbot de IA, que de hecho demostré el año pasado. Fue impresionante. Tampoco hacía tanto calor en la sala de conferencias. Y podemos usarla para renderizar vistas nativas complejas e interactivas y transmitirlas al cliente. Abrí el código de todo este proyecto. Está en mi GitHub, así que puedes clonarlo, construir tu propia aplicación de chatbot de full stack tanto para móvil como para web.

Y la componibilidad de la plataforma de servidor significa que puedes crear componentes de full stack robustos y reutilizables. Para demostrar esto, dividí la tarjeta de películas de mi aplicación de IA en su propia aplicación, donde puedes obtener más información sobre una película o actores simplemente tocándolos y moviéndote entre páginas con componentes de servidor. Podemos agrupar la lógica del servidor y del cliente juntos, haciendo esto extremadamente fácil. Y me encanta tanto la idea de abrir detalles de películas que volví a integrar toda la aplicación de películas en mi aplicación de IA para crear una especie de super aplicación de IA.

Así que cuando solicito algo, puedo simplemente abrir las páginas y luego obtener más información. Hice lo mismo con la tarjeta de Spotify y la convertí en una plantilla completa, completa con autenticación, almacenamiento en caché. También tenemos búsqueda integrada aquí. Y como puedes ver, he aprendido edición de video con todo el tiempo que he ahorrado usando Expo. Hay más. Soy como el Michael Bay de las demostraciones aquí.

9. Streamlining App Deployment with Expo

Short description:

Construyendo aplicaciones full stack con pagos personalizados. La plataforma de servidor Expo simplifica el desarrollo de aplicaciones full stack. Superando desafíos en el despliegue de aplicaciones en la tienda de aplicaciones de Apple.

Recientemente, cuando se eliminó el impuesto de Apple en América, pude construir y desplegar una aplicación full stack con pagos personalizados en solo un par de minutos para construir nativo y web. Esto fue aprobado para pruebas externas en 30 minutos, lo que significa que estaba disponible para 10,000 usuarios con el URL. Bastante loco. La plataforma de servidor Expo hace que la frontera entre servidor y cliente simplemente se desvanezca, permitiéndote construir aplicaciones full stack de manera fluida y segura que son fáciles de desplegar y mantener. Nos encanta usar esto en Expo y estamos construyendo más que nunca gracias a ello.

Poner estas herramientas juntas no solo crea el marco full stack universal más poderoso jamás construido, sino que te permite resolver problemas del mundo real. Para probar esto, miré un problema del mundo real que enfrentaba al construir todas estas aplicaciones, y es enviarlas a los usuarios a través de la tienda de aplicaciones. En la web, simplemente ejecutamos EAS deploy y podemos obtener un enlace para compartir el sitio web con cualquiera instantáneamente. Es el estándar de oro. La web realmente ha resuelto el despliegue. Entonces, ¿cómo llevamos este estándar de oro a lo nativo? El despliegue en la tienda de aplicaciones de Apple es dolorosamente difícil, y realmente no hay forma de evitarlo.

Así que tienes que construir la aplicación, firmarla, subirla, esperar a que se procese y luego enviarla para revisión. Pero con Expo, simplemente puedes ejecutar MPX test flight desde cualquier computadora, Mac, Windows, lo que sea, y la aplicación iOS será construida, firmada y subida a test flight. No hay provisión ad hoc, computadoras costosas, UDIDs, o re-firmado. Solo recibirás un correo electrónico de Apple cuando la aplicación esté lista para descargar internamente. Esto funciona muy bien para desplegar la aplicación a ti mismo, pero ¿qué pasa con todas las demás personas? En la tienda de aplicaciones, el alcance no es binario. Es por fases. Puedes llegar dolorosamente a 100 usuarios sin ninguna revisión, solo un escaneo binario automatizado para APIs privadas para asegurar que no haya malware.

10. Improving User Onboarding Efficiency

Short description:

Desbloqueando acceso a 10,000 usuarios a través de la revisión de test flight. Simplificando el proceso de revisión de la tienda de aplicaciones con la demostración de prototipo de Expo.

Con la revisión de test flight, puedes desbloquear acceso a 10,000 usuarios a través de un enlace de descarga. Esto se puede hacer en tan solo 30 minutos, como lo hice con la demo de Stripe. Y finalmente, puedes llegar a la tienda de aplicaciones con una revisión completa y compleja, mucho metadatos, formularios, y estás sujeto al más alto nivel de escrutinio. Pero tenemos opciones.

Así que me pregunté, si puedes llegar a 100 usuarios con un simple escaneo, sin revisión, ¿por qué no más personas están haciendo esto? Y la razón es que conseguir un usuario en tu equipo requiere un proceso de múltiples pasos y un sitio web lento con múltiples comunicaciones entre tú y el usuario potencial. Hay tantos pasos aquí que si solo agregaras un puñado de miembros al equipo, sería más fácil simplemente pasar por la revisión completa de la aplicación.

Un mejor enfoque sería si pudieras dividir el trabajo entre cada miembro del equipo para que pudieran avanzar a su propio ritmo. Sé que este sería un mejor enfoque porque hice un prototipo usando Expo, el cual ahora intentaré demostrar. Será rápido. El WiFi está un poco loco aquí y hace calor. Así que solo entremos aquí, cambiemos nuestro tipo de extensión, comencemos a reflejar, muy bien, perfecto. El sitio web lento donde despliegas una aplicación iOS es este sitio web.

11. Accelerating App Deployment Efficiency

Short description:

Recargando con Expo router para un despliegue más rápido al equipo y al público.

Aquí le daré una recarga rápida. Mi parte favorita es cómo puedes verlo cargar en fragmentos y capas. Y luego podemos ir a una app. Y luego a otra página. Así que es muy lento. Te haces una idea.

Lo primero que hice fue construir una mejor versión de ese sitio web con Expo router. Súper rápido. Puedes ver todas mis apps. Puedo entrar aquí y hacer clic en las páginas. También tiene app para MacOS. Solo haz clic en eso. Despliega directamente en la versión nativa de la app para MacOS.

Tengo mis dos secciones aquí. Puedo desplegar para mi equipo y puedo desplegar al público. Muchas cosas para desplegar al público, así que solo hice este gran y hermoso botón. Podemos simplemente hacer clic en eso. De hecho, si lo guardo, aparecerá mi número de teléfono para verificar. Así que no hagamos eso aquí. Pero luego en el equipo, todo lo que tengo que hacer es hacer clic en obtener enlace de invitación. Así.

12. Simplifying App Deployment and Onboarding

Short description:

Generación de enlaces de autoservicio para el despliegue de apps, incorporación fácil con TestFlight y herramientas de Expo.

Va a generar este enlace de autoservicio. Y cuando lo abro, veamos, simplemente lanzamos esto aquí mismo, obtenemos una página como esta, que podemos dar a hasta 100 personas. Simplemente abriré una versión de demostración de esto rápidamente, join slash demo. Entonces, lo que sucede aquí es que puedes desplegar tu app, obtienes una de estas URLs, y luego alguien puede escribir su dirección de correo electrónico, presionar unirse a la beta, y luego si no están en el equipo de desarrolladores de Apple, entonces desde aquí, obtienes esta página de incorporación donde te dice que vas a recibir un correo electrónico. Haces clic en el correo electrónico, inicias sesión en Apple, ahora estás en el equipo, lo cual es mucho mejor que tener al desarrollador agregando a 100 personas.

Y luego simplemente presionas unirse a la beta. Y así de simple, ahora recibirás un correo electrónico de Apple con el enlace de descarga de TestFlight. Así que bastante bien, no está mal, pero estamos llegando allí. Estamos llegando allí. Estamos avanzando hacia despliegues que sean tan fáciles como en la web.

Cambiemos de nuevo aquí rápidamente. Puede que hayas notado que mi Mac está en la última versión de Mac OS, lo cual es un placer. Veamos. Así que construí este prototipo completamente en Expo usando componentes DOM para la autenticación, funciones del servidor para interactuar con las APIs de Apple, enlaces profundos para compartir URLs, e incluso agregué un plugin de configuración desde el principio, acción rápida, así que puedo simplemente presionar prolongadamente la pantalla de inicio, tocar mi teléfono para compartir acceso a apps con otras personas. Es bastante genial, de hecho. Y luego lo desplegué en la web con EAS deploy y en iOS con MPX TestFlight.

QnA

Advancing Native App Development with Expo

Short description:

Aplicaciones nativas de alta calidad con Expo para desarrolladores web, rápido progreso en la eficiencia del despliegue, aspirando a crear aplicaciones hermosas e ilimitadas.

Así que bastante rápido. Puedes resolver problemas del mundo real con herramientas del mundo real. Con las próximas mejoras en el despliegue en Expo, pude publicar fácilmente cada aplicación y sitio web en la presentación de hoy. Así que realmente puedes sentir la calidad de un Expo en una aplicación moderna de React Native en tus manos y no solo tomar mi palabra. Tenemos IA, películas, música, pagos, componentes DOM, todo lo cual funciona tanto en móvil como en el navegador. En solo un año, hemos añadido backends, hosting, hemos reducido a la mitad los tiempos de construcción de iOS y añadimos despliegues directos para TestFlight. Así que nos estamos moviendo rápidamente para entregar aplicaciones nativas de alta calidad solo a desarrolladores web, personas que están tratando de crear tecnología hermosa y hacer del mundo que les rodea un lugar mucho mejor. Hemos hecho un progreso increíble. La visión de Expo de poder construir aplicaciones hermosas e ilimitadas que se puedan compartir instantáneamente con cualquiera se está convirtiendo rápidamente en una realidad.

Si estás interesado en trabajar en la vanguardia del desarrollo de aplicaciones con nosotros, ven a hablar con nosotros después del espectáculo o contáctame en X. He sido Evan Bacon. Gracias. Primero que nada, es increíble. Incluso tuve déjà vu porque he visto esta charla antes. Sigue siendo tan bueno ver todos los cambios adicionales. Y también, has tenido mucho tiempo para dedicar a editar videos. Como, te has vuelto realmente bueno en eso. Sí, es lo curioso de los incrementos de 30 minutos esperando que las aplicaciones sean aprobadas. Es el tiempo perfecto para aprender a editar un video. Eso es increíble. Muy bien. Así que, vamos a sumergirnos. Vamos a entrar en ellos. El primero que ha sido más votado es de Senay Schoen. Lo siento si lo pronuncio mal. ¿Existe una variante de MPX TestFlight para pruebas internas en Android? Sí. Así que, MPX TestFlight es un nombre NPM muy rápido y genial. Pero es un alias para EAS Build, que es una herramienta CLI más completa, también de Expo. Y tiene Android. Tiene AdHoc.

Simplified React Migration with Expo Router

Short description:

React Navigation y Expo Router simplificando la migración desde React, apoyando componentes DOM para la migración de código web con integración de acciones de servidor.

Tiene básicamente cada combinación que deseas. La verdadera magia aquí es la firma de código automática. Así que, simplemente miramos tu código y luego determinamos cuáles son todas las solicitudes de red que se deben hacer a Apple para asegurar que la aplicación no falle debido al registro de tu ID de comerciante o algo así. Increíble. Y también, hablaste sobre la navegación en la aplicación. Entonces, ¿esto significa que ya no tenemos navegación en pila? ¿Y cómo migran las personas de React a Navigation o de React a RouterNet? Gran pregunta. Así que, desarrollamos React Navigation, que es como una API para hacer navegación. Y luego construimos Expo Router sobre eso. Así que, todos los mismos primitivos. La migración es bastante simple. Principalmente estás eliminando código y refactorizando de esta API imperativa a un sistema de enrutamiento basado en archivos más declarativo. ¿Y cómo es eso, en realidad, cuando construyes una característica, como cuando obsoletas una característica en la que has trabajado tú mismo? Bueno, quiero decir, todavía se usa en el fondo allí. Así que, todavía lo desarrollamos. Y luego simplemente le da a la gente esa libertad. Así que, si no te gusta el enrutamiento basado en archivos o no te gusta la forma en que lo hemos abordado, aún puedes usar el primitivo subyacente y luego construir tu propio sistema.

No tienes que empezar completamente desde cero. Tenemos muchas preguntas de migración. Pero la siguiente es sobre la migración a Expo de personas que están usando frameworks como Next.js o Remix. Pregunta fantástica. Así que, con componentes DOM, que acaban de salir muy recientemente. Esta característica te permite realmente tomar código web moderno y migrarlo. Así que, como muchos de ustedes probablemente saben, un sitio web tiene más que solo renderizar a una vista web. También tienes, ya sabes, obtención de datos dentro de él. Así que, Expo soporta componentes de servidor y acciones de servidor de React de forma nativa. Y también los soportamos experimentalmente en componentes DOM. Todavía estamos trabajando en eso. Así que, podrías tomar código web que esté usando acciones de servidor, moverlo a este uso de mercado DOM y luego mover las solicitudes a una acción de servidor. Aún obtienes todos los mismos beneficios de la API. Así que, en realidad, tiene un incremento realmente agradable...

Expo's Magic in Migration and Accessibility

Short description:

Migración de código crudo a Expo, permitiendo una migración gradual con integración de vistas web. Expo soporta características nativas de accesibilidad sin problemas.

Hice una charla hace unos meses. No hago muchas charlas. Todo el asunto fue simplemente migrar código shadc crudo a una aplicación Expo y luego desplegarla. Y funcionó. Así que, en realidad, es una experiencia bastante mágica. Porque a diferencia de los sistemas tradicionales de vista web donde eso es el final. Si querías que fuera nativo, tienes que empezar desde cero. Aquí puedes mover el límite hacia arriba y comenzar a trabajar hacia abajo. Puedes migrar páginas enteras una a la vez y mantener el resto como vistas web. Así que, la historia de la migración es realmente limpia.

Muy bien. Última en la ronda relámpago. ¿Expo soporta características nativas de accesibilidad? Depende y tal vez haya más contexto. Sí, sí. Toda la accesibilidad. Quiero decir, cualquier cosa en la que entres, presionas A, haces todo el rol de accesibilidad ARIA. Los estilos aparecen. Mucha accesibilidad. Usamos los primitivos nativos. A menos que los desactives, simplemente obtienes toda la accesibilidad nativa incorporada en el dispositivo también. Increíble. Muchas gracias.

Recuerden, si tienen más preguntas, pueden encontrarlo después y hacérselas saber. Pero por ahora, démosle un gran aplauso. Gracias por acompañarnos en el escenario. Sí.

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/