Frontend frameworks
Intermediate
10 min read
What React, Angular and Vue do for you: components, state and rendering.
Why it matters
Once a page has many parts that depend on the same data, updating the DOM by hand becomes error-prone. Frameworks let you describe what the page should look like for the current state and update it for you.
Where it fits
What you will learn
- Explain components, props and state.
- Know the main differences between React, Angular and Vue.
- Decide when plain HTML and JavaScript are enough.
Before you start
- JavaScript in the browser✓ Learned
The shared idea
- Components — reusable pieces of interface with their own markup, style and behaviour.
- State — the data a component shows; when it changes, the framework re-renders what depends on it.
- Props / inputs — data passed from a parent component to a child.
Three common choices
- React — a library for components written in JavaScript (JSX); routing and data loading come from the ecosystem or a framework built on it.
- Angular — a complete framework with TypeScript, routing, forms and dependency injection included.
- Vue — components in single files, an approachable template syntax, and official router and state libraries.
Tip: Pick the one your team or job uses; the ideas transfer. A mostly static site does not need a framework at all.
Official documentation and references
Documentation
- Angular — Overview ↗ Official · Angular
Guides
- React — Learn ↗ Official · React
- Vue — Introduction ↗ Official · Vue.js
Learn next
- Package managers and dependencies ›✓ Learned
Related topics
- JavaScript in the browser✓ Learned
- Web accessibility✓ Learned
- Package managers and dependencies✓ Learned
Done with this topic?
Reviewed 2026-10-23. Links go to the official documentation unless marked otherwise.