The No Frills Frontend Migration Survival Guide

Bookmark
Rate this content

Migrar una aplicación frontend grande, digamos, pasar de AngularJS a React puede parecer abrumador al principio. Es fácil pensar en ello como una gran reescritura "todo o nada". Pero en realidad, una migración gradual, hecha pieza por pieza, no solo es posible, sino que en realidad es la forma más inteligente de hacerlo.

En esta masterclass, te guiaré a través de lo que realmente se necesita para llevar a cabo una migración como esta sin interrumpir a tu equipo o tu producto. 

Veremos algunos de los desafíos comunes con los que te encontrarás, como lidiar con dos sistemas de enrutamiento diferentes, mantener el estado consistente entre frameworks y gestionar el tamaño del paquete cuando ambos frameworks necesitan coexistir durante un tiempo.

También abordaremos estrategias prácticas que han funcionado bien en proyectos del mundo real, incluyendo patrones como el Strangler Fig. El objetivo es darte un camino claro y realista para que puedas modernizar tu aplicación, reducir la deuda técnica y terminar con una base de código más limpia y mantenible, todo sin frenar tu velocidad.

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

Hadar Geva
Hadar Geva
13 min
21 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Desafíos de migraciones front-end y guía de supervivencia. Comprensión de los tipos de migraciones: frameworks, bibliotecas e infraestructura. Las estrategias incluyen enfoques de big bang y graduales, equilibrando riesgo, tiempo y mantenimiento. Comparación de enfoques de migración de afuera hacia adentro y de adentro hacia afuera. Énfasis en los beneficios del enfoque de adentro hacia afuera para la modernización. Web Components ofrecen una forma universal de usar componentes a través de frameworks. Ciclo de vida de Web Components e integración con React. Integración entre frameworks de Web Components para una migración fluida.
Video transcription and chapters available for users with access.

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

Vue: Actualizaciones de Características
Vue.js London 2023Vue.js London 2023
44 min
Vue: Actualizaciones de Características
Top Content
The Talk discusses the recent feature updates in Vue 3.3, focusing on script setup and TypeScript support. It covers improvements in defining props using imported types and complex types support. The introduction of generic components and reworked signatures for defined components provides more flexibility and better type support. Other features include automatic inference of runtime props, improved define emits and defined slots, and experimental features like reactive props destructure and define model. The Talk also mentions future plans for Vue, including stabilizing suspense and enhancing computer invalidations.
Futuro de los Frameworks Frontend Charla Informal
React Summit 2024React Summit 2024
28 min
Futuro de los Frameworks Frontend Charla Informal
Fred K. Schott
Minko Gechev
Ryan Carniato
Daniel Afonso
Aakansha Doshi
Tim Neutkens
6 authors
Signals are being adopted by popular frameworks, enabling code reuse and improved tooling. While merging between frameworks is unlikely, they are learning from each other and adopting shared practices. It is important to embrace the diversity of frameworks and libraries. Instead of merging, focus on standardizing the principles behind frameworks. Consider tradeoffs and benefits when choosing a framework, and explore different technologies to learn new ideas.
Guía para desarrolladores frontend sobre Web3
React Summit 2022React Summit 2022
22 min
Guía para desarrolladores frontend sobre Web3
This talk covers an introduction to Web 3 and smart contracts, including deployment and bytecode compilation. It also discusses interacting with blockchain wallets, using RPC endpoints and block explorers, and accessing smart contract data. The talk emphasizes the use of ABIs and JavaScript libraries like ethers for interacting with smart contracts. It mentions the shift in mindset from HTTP requests to using ABI code and libraries for front-end development in Web 3. The talk concludes by mentioning Web3UI and tools like PolygonScan and Etherscan for building on the blockchain.
Monitorización de errores y ralentizaciones con un frontend de JS y un backend de Node
Node Congress 2022Node Congress 2022
8 min
Monitorización de errores y ralentizaciones con un frontend de JS y un backend de Node
Sentry is code monitoring for developers, specifically designed for the application layer. It helps identify error details, frequency, release, user information, and stack trace. Source maps can be uploaded to see the original source code and suspect commits can be identified. Performance monitoring helps identify slowdowns and determine the cause. Automating alerts and investigating errors helps gain instant context and trace errors across different projects.
Serverless para Frontends
DevOps.js Conf 2022DevOps.js Conf 2022
8 min
Serverless para Frontends
Premium
Welcome to my session on Serverless for Front-ends. Serverless functions eliminate the need for a runtime and handle orchestration for you. Microfrontends require a runtime and orchestration, but side-less UIs provide a runtime-free solution. In the demo, a new team adds functionality to an application and publishes it easily. Building and deploying applications is quick and easy with micro apps and PowerCLI, offering true loose coupling and instant availability without a runtime.
DevOps para Frontend: más allá de los navegadores de escritorio
DevOps.js Conf 2021DevOps.js Conf 2021
31 min
DevOps para Frontend: más allá de los navegadores de escritorio
Today's Talk discusses DevOps for frontend beyond desktop browsers, focusing on the challenges and journey to DevOps, the importance of abstractions, maximizing flow and enabling team autonomy, applying DevOps principles beyond web applications, running automated tests on consoles and TVs, investing in tooling for TV testing, and the challenges of TV testing in the lab.

Workshops on related topic

Seguimiento de errores y ralentizaciones en Node + JavaScript utilizando Sentry
Node Congress 2022Node Congress 2022
53 min
Seguimiento de errores y ralentizaciones en Node + JavaScript utilizando Sentry
Workshop
Neil Manvar
Neil Manvar
Repasaremos la configuración de Sentry paso a paso para obtener visibilidad en nuestro frontend y backend. Una vez integrado, rastrearemos y solucionaremos errores y transacciones que se muestren en Sentry desde nuestros servicios para comprender por qué/dónde/cómo ocurrieron errores y ralentizaciones en nuestro código de aplicación.