Angular + React = Speed
summary
Builds an Angular 1 calendar with 744 cells and compares nested ngRepeat rendering to embedding React components; Chrome profiler shows Angular causing many blocking digests (~300–500 ms in tests) while a React-based cell layer once renders in ~87 ms by emitting a single innerHTML instead of many DOM ops. Notes practical costs: adding 500KB of React, a JSX build step, two frameworks to maintain, and changed i18n. A later corrected comparison shows Angular 2 can match or beat the React example.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:06Engineering trade-offs
- 2:10What is React
- 3:34Nested Angular directives
- 5:22Angular plus React
- 6:25Live demo: calendar speed
- 9:19Profiling Angular vs React
- 11:08Code walkthrough
- 13:34Faster timeouts
- 15:02Drawbacks of React in Angular
- 15:45React’s performance
- 16:30Angular 2 demo
- 17:40Performance mistake
related talks
50mAngular vs React Smackdown
31mFrom Angular to React and back again
43mAngular and React: friends learning from each other
25mCreating the Ultimate Front End UI for a Single Page Application
39mWhy are Angular and React so fast?
21mAngular Elements Make The Best React Components
28mAccelerating Angular
38mLive Coding - Optimizing a React application