Performance Optimization — Roadmap Step & Resources
v-memo, lazy-loaded components, keep-alive and avoiding unnecessary re-renders
- Level: advanced
- Estimated time: 1 days
- Roadmap: Vue.js Stack
Before this step
Study resources
- useMemo And useCallback Explained (Video) — Web Dev Simplified breaks down when and why to use useMemo/useCallback to avoid unnecessary re-renders.
- React.memo (Article) — The official React documentation's reference on memo and preventing unnecessary re-renders.
- Performance (Article) — The official Vue.js documentation's guide to profiling and optimizing rendering performance.
- Optimizing Performance in React (Article) — Official React guide to the render and commit phases, understanding virtual DOM diffing and re-renders.
Part of
- Vue.js — section
- Vue.js Stack roadmap — the full learning path