The Evolution of App Development

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2026
November 17 - 20, 2026
New York, US & Online
Upcoming event
React Summit US 2026
React Summit US 2026
November 17 - 20, 2026. New York, US & Online
Bookmark
Rate this content
Sentry
Promoted
Code breaks, fix it faster

Crashes, slowdowns, regressions in prod. Seer by Sentry unifies traces, replays, errors, profiles to find root causes fast.

Get started
Kadi Kraman
Kadi Kraman
27 min
12 Jun, 2026

Comments

Sign in or register to post your comment.
Video Summary and Transcription
William, un pintor de retratos en el siglo XIX, dedicado a lograr la semejanza más fiel a través de la anatomía y la luz. La evolución de la construcción de aplicaciones con Expo, un marco para React Native, adaptándose a paisajes cambiantes para mejorar la experiencia del usuario. Los novatos en el desarrollo móvil enfrentan barreras de entrada reducidas. El impacto de la IA en el desarrollo de nuevas aplicaciones: conocidos, desconocidos, trampas. Dividiendo el tutorial en dos partes para un aprendizaje más fácil y usando IA para verificar IA. Expo enfatiza habilidades y MCP a medida para el desarrollo. La evolución del trabajo de los desarrolladores hacia roles más estratégicos. Consejos para superar el efecto Dunning-Kruger y métodos de capacitación efectivos para desarrolladores. Empoderando a los nuevos desarrolladores con IA para una mejor comprensión y experiencia de mentoría.
Available in English: The Evolution of App Development

1. Influence of Camera Invention on Artists

Short description:

William, un pintor de retratos en el siglo XIX, dedicado a lograr la semejanza más fiel a través de la anatomía y la luz. Su vecino Thomas, un pintor de letreros, carece de conocimiento de anatomía pero sobresale en creatividad y detalle. Clara, una pintora principiante, se encuentra con la innovadora invención de la cámara, revolucionando el mundo del arte.

Este es William. William es un pintor de retratos. Vive en el siglo XIX. En este momento, el epítome del retrato era crear la semejanza más fiel posible. Así que, para lograr estas habilidades, William ha pasado más de una década aprendiendo anatomía, luz, composición, cómo halagar un rostro. Realmente está en la cima de su oficio.

{{^}}Este es el vecino de William, Thomas. Es un pintor de letreros y trabaja en el negocio de pintura de letreros de su padre, también llamado Thomas, donde ha estado trabajando desde que tenía 10 años. No había leyes laborales en ese entonces. Aunque no tiene comprensión de la anatomía humana, es creativo. Es bastante bueno con el color, y tiene una gran mano firme y un gran ojo para el detalle.

Y, finalmente, un poco más abajo en la calle en una casa elegante, tenemos a Clara. Clara es una joven de una familia adinerada, y acaba de comenzar sus primeras lecciones de pintura. Está buscando tomar esto como un pasatiempo. Todos están a punto de vivir algo innovador. Se inventa la primera cámara y está ganando popularidad. Es grande y torpe y tediosa al principio, pero rápidamente se está convirtiendo en una forma más pequeña y más eficiente y una forma convencional de tomar fotos. ¿Y qué es algo que una cámara puede hacer mejor que cualquier otro método en el mundo? Es capturar una semejanza, una semejanza exacta.

Así que, lo que todos estos artistas durante cientos de años han estado esforzándose por lograr, simplemente puedes hacerlo. No se requiere habilidad o experiencia. Es difícil apreciar ahora cuánto revuelo causó esta invención en ese momento. Pero aquí hay una cita que a menudo se atribuye a un famoso pintor francés, quien aparentemente, al ver algunas de las primeras fotografías, dijo, a partir de hoy, la pintura está muerta. ¿Te suena familiar? ¿Qué significa esto para nuestro elenco de personajes? Clara puede optar por omitir todo el tedio de aprender a pintar por completo y en su lugar usar una cámara. Sin conocimiento de luz y composición, sus fotos podrían no ser particularmente buenas, especialmente al principio, pero obtendrá una versión básica muy rápidamente.

Lo suficientemente buena para capturar la semejanza de sus amigos, mascotas, y tal vez incluso algunos paisajes. Thomas, que ya tiene un ojo para el detalle y experiencia en el arte de alguna manera, está perfectamente posicionado para beneficiarse más de la cámara. Podría incursionar en la fotografía y eclipsar rápidamente lo que Clara es capaz de hacer y producir fotos más rápido y con mejor semejanza de lo que el pobre William jamás podría. Así que, tanto Thomas como Clara se beneficiarán de esta nueva invención. Y esto deja a William, cuyo mundo ha sido puesto patas arriba. Ha pasado años perfeccionando este oficio, y eso puede ser replicado por cualquiera, con una cámara y un clic de un botón.

2. Evolution of Mobile App Development

Short description:

La evolución de la construcción de aplicaciones con Expo, un framework para React Native, adaptándose a paisajes cambiantes para mejorar la experiencia del usuario. Diferenciando entre veteranos, expertos y novatos en el desarrollo de aplicaciones móviles, transformando el proceso de aprendizaje.

¿Pero puede? Esto se basa en una historia muy real de eventos rodeados por la invención de la fotografía y su impacto en los pintores. Como sabemos, la historia tiene esta tendencia a repetirse, y probablemente puedo creer que puedes ver que esto es una analogía apenas velada de cómo la construcción de aplicaciones móviles ha cambiado en el último año. La experiencia de William, Thomas y Clara al adaptarse al advenimiento de la fotografía no es diferente a nuestra experiencia como ingenieros, adaptándonos a los cambios en cómo construimos.

Hola, mi nombre es Cady Crammond. Soy ingeniera de éxito del desarrollador en Expo, y esta charla trata sobre la evolución de cómo construimos aplicaciones. Expo, como espero que la mayoría de ustedes sepan, es un framework para construir aplicaciones móviles con React Native. Hemos estado alrededor casi tanto tiempo como React Native mismo, y también siempre hemos sido un favorito para los desarrolladores de React y web porque puedes construir aplicaciones nativas de iOS y Android en una sola base de código, escribiendo principalmente JavaScript. También hemos estado posicionados para ser un favorito de las herramientas de IA debido a la rapidez con la que puedes tener una aplicación en funcionamiento, y la velocidad es esencial cuando se trata de la impaciencia de la ingeniería de prompts. Y con Expo Go, y la cantidad de datos de entrenamiento que hay para el código abierto para LLMs.

Así que, en el último año, en realidad hemos estado haciendo lo que cada empresa de herramientas de desarrollo ha estado haciendo. Estamos tratando de adaptarnos a estos paisajes cambiantes, para continuar haciendo la experiencia de construir aplicaciones agradable para los usuarios. Y, históricamente, estos dos han sido los arquetipos en los que nos enfocamos. Tenemos a los veteranos. Entonces, los veteranos son las personas que han estado construyendo aplicaciones React Native desde antes de que existiera el auto-linking. Saben lo que están haciendo. Solo necesitan las herramientas que funcionen eficientemente para hacer las cosas. Y luego tenemos a los expertos, pero estamos diciendo expertos en un campo relacionado. Entonces, aún no un ingeniero de React Native, así que cualquiera que sea, digamos, un ingeniero de React, desarrollador web, ingeniero de infraestructura estaría en esta categoría. Pero ahora, tenemos un nuevo tipo de constructor, el novato, construyendo aplicaciones móviles por primera vez, y a veces completamente desinteresado en convertirse en un desarrollador completo. La forma en que hemos aprendido ha cambiado para siempre.

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

Diseño Dirigido por Dominio con Aplicaciones Vue
Vue.js London 2023Vue.js London 2023
14 min
Diseño Dirigido por Dominio con Aplicaciones Vue
Top Content
Welcome to this talk on domain-driven design in Vue.js application. Today we are going to look into domain-driven design, its benefits and how it works with Vue.js domain-driven design versus the MVVM model. Vue.js thrives in domain-driven design, a design approach that models software to match a domain. DDD emphasizes understanding business logic and creating a domain that reflects the language and concepts. Integrating DDD in Vue.js offers benefits such as effective modeling of complex business domains, structured code reflecting domain logic, and easier onboarding and ownership.
Cargadores de datos: Mejorando la obtención de datos en Vue
Vue.js Live 2024Vue.js Live 2024
30 min
Cargadores de datos: Mejorando la obtención de datos en Vue
Data loaders provide a solution for complex and repetitive data fetching in Vue.js applications. Using data loaders allows for more independent data fetching and integrates with the navigation cycle. The data loader plug-in adds a navigation guard for data fetching and loading. Lazy loading and caching can be implemented using Pina Colada and Glada loaders. These loaders can improve the performance and speed of data fetching in applications.
No Seriously: htmx es Pro-JavaScript!
JSNation US 2024JSNation US 2024
29 min
No Seriously: htmx es Pro-JavaScript!
HTMX is a hypermedia-oriented front-end library that enhances HTML as a hypermedia. It generalizes the concept of hypermedia controls in HTML, allowing any element to become a hypermedia control. HTMX provides practical attributes like HX swap and HX indicator. The active search demo showcases the dynamic behavior achievable with HTMX. HTMX allows developers to build web applications without writing a ton of JavaScript. It works well for traditional web apps but may not be suitable for offline functionality or fast interactions. HTMX can be integrated with JSX and various backend stacks, and TypeScript can be used alongside HTMX.
Cómo compartir código entre una aplicación web de React y una aplicación móvil de React Native en Monorepo
React Summit 2022React Summit 2022
7 min
Cómo compartir código entre una aplicación web de React y una aplicación móvil de React Native en Monorepo
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.
¡MIDI en el Navegador... ¡Vamos a Rockear la Web!
JSNation 2022JSNation 2022
28 min
¡MIDI en el Navegador... ¡Vamos a Rockear la Web!
MIDI is a versatile communication protocol that extends beyond music and opens up exciting possibilities. The Web MIDI API allows remote access to synths and sound modules from web browsers, enabling various projects like music education systems and web audio-based instruments. Developers can connect and use MIDI devices easily, and the Web MIDI API provides raw MIDI messages without semantics. The WebMidi.js library simplifies working with the Web MIDI API and offers a user-friendly interface for musicians and web developers. MIDI on the web has generated significant interest, with potential for commercial growth and endless possibilities for web developers.
La próxima ola de frameworks web es BYOJS
JSNation 2022JSNation 2022
23 min
La próxima ola de frameworks web es BYOJS
The next wave of web frameworks is BYOJS, covering the history and evolution of building web applications. The evolution of web frameworks and build systems includes popular choices like React, Angular, and Vue, as well as advanced build systems like Webpack and Rollup. The rise of performance measurement tools and the adoption of the Jamstack have led to improved web performance. The Jamstack architecture focuses on pre-rendering pages, decoupling APIs and services, and enhancing pages with JavaScript. Astro, a static site generator with SSR support, promotes the islands architecture and partial hydration.

Workshops on related topic

Aplicación Full-stack en medio Día: Next.js 15 Masterclass de Desarrollo
React Summit 2025React Summit 2025
175 min
Aplicación Full-stack en medio Día: Next.js 15 Masterclass de Desarrollo
Featured WorkshopFree
Maurice de Beijer
Maurice de Beijer
¡Desbloquea el Poder del Desarrollo Moderno Full-Stack en Medio Día!¿Listo para construir aplicaciones web rápidas y escalables? Únete a nuestra inmersiva masterclass interactiva de 4 horas y sumérgete de lleno en el mundo de Full-Stack Next.js 15!Esto no es solo otra sesión teórica. Te arremangaras y construirás una aplicación de comparación de películas del mundo real desde cero, guiado paso a paso por nuestro experto instructor Maurice. Comenzaremos configurando tu entorno de desarrollo local con una robusta base de datos PostgreSQL ejecutándose en un contenedor Docker. Luego, experimentarás la magia de la generación rápida de UI usando v0.dev, permitiéndote crear interfaces impresionantes con facilidad.Pero no nos detendremos en el front-end. Aprenderás cómo integrar sin problemas tu UI con un potente backend usando las últimas características de Next.js 15 y el elegante Prisma ORM para interactuar con tu base de datos PostgreSQL. Además, descubrirás las mejores prácticas para manejar el comportamiento del lado del cliente con una divertida e interactiva función de comparación de películas.Finalmente, llevaremos tu aplicación en vivo con despliegue continuo a Vercel, mostrando cómo compartir sin esfuerzo tus creaciones con el mundo. Al final de esta masterclass, tendrás una aplicación de comparación de películas completamente funcional y la confianza para abordar tus propios proyectos full-stack utilizando el vanguardista ecosistema de Next.js 15.
Accesibilidad web en aplicaciones JavaScript
React Summit 2022React Summit 2022
161 min
Accesibilidad web en aplicaciones JavaScript
Workshop
Sandrina Pereira
Sandrina Pereira
A menudo vemos que JavaScript daña la accesibilidad de un sitio web. En esta masterclass, aprenderás cómo evitar errores comunes y cómo utilizar JS a tu favor para mejorar la accesibilidad de tus aplicaciones web.
En esta masterclass exploraremos múltiples ejemplos del mundo real con problemas de accesibilidad, y aprenderás cómo hacer que funcionen para las personas que utilizan un mouse o un teclado. También aprenderás cómo se utilizan los lectores de pantalla, ¡y te mostraré que no hay razón para tener miedo de usar uno!
Únete a mí y déjame mostrarte cómo la accesibilidad no limita tus soluciones o habilidades. ¡Al contrario, las hace más inclusivas!
Al final, serás capaz de:- Comprender los principios de WCAG y cómo están organizados- Conocer casos comunes en los que JavaScript es esencial para la accesibilidad- Crear enlaces, botones y elementos conmutables inclusivos- Utilizar regiones en vivo para errores y estados de carga- Integrar la accesibilidad en el flujo de trabajo de tu equipo de inmediato- Darte cuenta de que crear sitios web accesibles no es tan difícil como parece ;)
Cómo Crear una Aplicación Web de Manera (Casi) Autónoma Usando Clean Coder
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
95 min
Cómo Crear una Aplicación Web de Manera (Casi) Autónoma Usando Clean Coder
Workshop
Grigorij Dudnik
Grigorij Dudnik
Imagina reemplazarte a ti mismo con un programador de IA multi-agente para desarrollar tu aplicación web de producción. Eso es exactamente lo que hicimos en mi startup takzyli.pl. Para lograr esto, diseñamos y utilizamos el Clean Coder - marco de agentes de IA para la escritura autónoma de código (https://github.com/GregorD1A1/Clean-Coder-AI), que es un proyecto de código abierto, con suerte. Si funcionó para nosotros, ¿por qué no debería funcionar para ti?En esta masterclass, te mostraré cómo crear una aplicación web completa de manera (casi) autónoma y reducir drásticamente el tiempo que tú o tus empleados pasan escribiendo código.
Construye una Biblioteca Universal de Datos Reactiva con Starbeam
JSNation 2023JSNation 2023
66 min
Construye una Biblioteca Universal de Datos Reactiva con Starbeam
WorkshopFree
Yehuda Katz
Yehuda Katz
Esta sesión se centrará en los bloques de construcción universales de Starbeam. Usaremos Starbeam para construir una biblioteca de datos que funcione en múltiples frameworks.Escribiremos una biblioteca que almacene en caché y actualice datos, y admita relaciones, ordenación y filtrado.En lugar de obtener datos directamente, funcionará con datos obtenidos de forma asíncrona, incluidos los datos obtenidos después de la representación inicial. Los datos obtenidos y actualizados a través de web sockets también funcionarán bien.Todas estas características serán reactivas, por supuesto.Imagina que filtras tus datos por su título y luego actualizas el título de un registro para que coincida con el filtro: cualquier resultado que dependa de los datos filtrados se actualizará para reflejar el filtro actualizado.En 90 minutos, construirás una increíble biblioteca de datos reactiva y aprenderás una nueva herramienta poderosa para construir sistemas reactivos. La mejor parte: la biblioteca funciona en cualquier framework, incluso si no piensas en (o dependes de) ningún framework al construirla.
Tabla de contenidos- Almacenar un registro obtenido en una celda- Almacenar múltiples registros en un Mapa reactivo- La iteración reactiva es una iteración normal- El filtrado reactivo es un filtrado normal- Obtener más registros y actualizar el Mapa- La ordenación reactiva es una ordenación normal (¿se está volviendo un poco repetitivo?)- Modelar la invalidación de la caché como datos- Bonus: relaciones reactivas
Construye aplicaciones Web3 con React
React Summit 2022React Summit 2022
51 min
Construye aplicaciones Web3 con React
Workshop
Shain Dholakiya
Shain Dholakiya
El masterclass está diseñado para ayudar a los desarrolladores Web2 a comenzar a construir para Web3 utilizando el Hyperverse. El Hyperverse es un mercado abierto de módulos inteligentes construidos por la comunidad, auditados y fáciles de descubrir. Nuestro objetivo es hacer que sea fácil para los desarrolladores de React construir aplicaciones Web3 sin escribir una sola línea de código de contrato inteligente. Piensa en 'npm para contratos inteligentes'.
Aprende más sobre el Hyperverse aquí.
Repasaremos todos los conceptos básicos de blockchain/crypto que necesitas saber para comenzar a construir en el Hyperverse, por lo que no necesitas tener ningún conocimiento previo sobre el espacio Web3. Solo necesitas tener experiencia en React.