Migrating from Angular to React

on YouTube ↗32m

" summary

Claim: migrate an AngularJS app to React incrementally without a risky full rewrite. Demo shows a working Electron app migrated stepwise by building a new React bundle with webpack as UMD library, embedding it via an Angular directive that calls bootstrap/destroy with react lazy and react-dom unmount, bridging services with a withInjector HOC to access Angular’s injector, mapping routes with a custom Link for UI‑Router, and moving state into a MobX store. Repo is public and the end result runs with Angular removed.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 2:29Common Misconceptions
3. 3:54Migrating Approaches
4. 4:46Creating a New Project
5. 6:42Create a Rapid Config
6. 7:37Angular Directive
7. 22:50Replacing More Elements
8. 24:30Create a React Component
9. 29:47Delete Code

" related talks

• 32mThe How, What and Why of Migrating to ReactJSJack Franklin · Front-Trends 2017
• 31mFrom Angular to React and back againSimona Cotin, Artur Daschevici · AngularCamp 2017
• 16mAn Angular developer moving to ReactSouvik Basu · ReactFoo Pune 2018
• 26mFrom React to Angular: Making the Transition a BreezeAlex Johnson · Commit Your Code 2025
• 30mUse Angular for better React appsMartin Hochel · FrontEnd Con 2018
• 47mFrom Angular to React - An Unexpected JourneySalvatore Laisa · Codemotion Milan 2015
• 57mBuilding Scalable, Maintainable Apps Using TypeScript and ReactKamran Ayub · NDC Minnesota 2018
• 47mAn in-flight port from Angular to React, a tale of performance and happinessChristiansen, Paulin · NDC Oslo 2019