Angular and React: friends learning from each other
summary
Two demo apps render 5,000 SVG boxes and a live pie chart to show what actually changes: React renders a virtual DOM and uses renderToString plus a checksum on an Express server for server‑side rendering, Angular builds a server NGModule with angular Universal and a universal cache to transfer state. Mousemove handlers measure ~30–40ms unoptimized and drop to ~20ms with simple tweaks, saving onPush change detection eight bindings per box and roughly halving latency. Third‑party charts use DOM refs in React and ViewChild/NG doCheck in Angular and both work.
AI-written summary · about
chapters (7)
- 0:00Start
- 8:39HOW DOES REACT RENDER?
- 15:14MAKING IT FASTER
- 17:06RESULT
- 20:53CHALLENGES
- 21:31UNIVERSAL APP
- 32:37OBSERVATIONS
