Migrating from Angular to React - Erik Duindam @ ReactNYC

Migrating your application from any front-end framework to React can be a challenging and time-consuming exercise. At Everwise, a team of about six engineers has worked over half a year on gradually porting our front-end codebase from Angular 1 to React, by letting both frameworks work together in production. In this talk, I'll explain how we architected the move, what tools we used, what mistakes we made and what benefits we're seeing from having moved to React.

CONTENTS

0:07 - Context
0:10 - Business Goal: Improve UX
0:45 - Everwise team
1:04 - Codebase
1:21 - Organizational buy-in
1:43 - Two devs with a vision
2:02 - Business case
3:21 - Side-by-side approach
3:28 - Architecture
4:13 - Blending frameworks
4:47 - Routing
4:55 - Angular router with React
5:24 - Router injection
6:26 - Route from React component
6:55 - ngReact
7:15 - React component in Angular
7:33 - Redux
8:03 - Redux initialization
8:32 - Angular using Redux
9:22 - Strategy
11:11 - Strategy: Bottom-up
11:50 - Strategy: Page-by-page
12:17 - Side-by-side
13:05 - Strategy: Router switch
13:13 - People
15:12 - lessons learned
15:19 - Accomplishments
15:48 - Three lessons
17:14 - Hack Angular router into React
17:22 - Angular and React Router
18:03 - Question: Which version of Angular did you use?
18:21 - Question: How several people could work on the same component?
18:53 - Question: How did you make Angular custom directives work into React?
20:11 - Question: Why did you choose to migrate to React over Angular upgrade?

[mateusloubach]

I wish there were more materials like this available. - this type of work is very common and barely anyone gives a feedback to the community in order to show easier methods or even get together to create new ones.