An In-Flight Port from Angular to React, a Tale of Performance and Happiness

Explore a real-world case study of an in-flight port from Angular to React, focusing on performance improvements and developer satisfaction. Learn how clever techniques were employed to gradually rewrite an e-commerce payment solution while maintaining stability and adding new features. Discover the benefits of this approach, including better performance, smaller footprint, shorter feedback loops, reduced coupling, fewer bugs, increased development velocity, and happier developers. Gain insights into the release cycle, technology stack, component structure, state management, and action lifecycle. Understand the gradual approach to rewriting, tools used, test coverage, and the rationale behind the decision. Evaluate whether this strategy is suitable for other projects and learn valuable lessons from this successful migration experience.

Intro
What is Easy
Demo
Release cycle
Demonstration
Technology
Components
Component tree
Templates
Angular to React
Performance
Production
State
Relaxed
How it works
Action lifecycle
Angular component
Redux component
Side effects
Funk vs Saga
Bootstrap
Results
Tools used
What did we replace
Test coverage
Why did we choose this gradual approach
Should everybody rewrite