Web TechnologiesCourse and practice

The main frameworks

React, Angular, Vue and Svelte, the frameworks built on them, who makes and uses each one, how they differ, and how much each is used, with figures from named surveys.

7 parts · about 6 min

Present Cheat sheet

A map of the field

Every browser runs the same three languages: HTML, CSS and JavaScript. Every framework, however it's written, ends up as those three. Above that base, four frameworks build the interface from components: React, Angular, Vue and Svelte. They do the same core job, which the lesson Components and state showed. They differ in who makes them, how much they include, and how many people use them.

On top of three of them sit frameworks that handle the whole site: an address for each page, and pages made in advance or on a server. Next.js is built on React, Nuxt on Vue, and SvelteKit on Svelte. Angular includes its own way of making pages on a server. Astro stands apart: it's made for content sites, and its interactive pieces can be written with any of the four.

These are the names you'll meet in quotes, job offers and the plans that AI agents propose. The diagram places each one.

The front-end frameworks in three layers: the browser's languages, four interface frameworks, and the frameworks built on them1. What every browser runs: HTML, CSS and JavaScript. 2. Frameworks that build the interface: React (created at meta, released in 2013), Angular (made by a team at google, released in 2016), Vue (created by evan you, released in 2014), Svelte (created by rich harris, released in 2016). 3. Built on them: Next.js (made by vercel, released in 2016), Angular itself (angular can also make its pages on a server), Nuxt (created by sébastien chopin in 2016), SvelteKit (made by the svelte team, version 1.0 in 2022). 4. Astro, made for content sites (version 1.0 in 2022), can use React, Vue or Svelte for its interactive parts.Built on them: the wholesite, with pages made inadvance or on a serverFrameworks that build theinterface from componentsWhat every browser runsHTML, CSS and JavaScriptEvery framework ends up as these three languagesReactCreated at Meta, releasedin 2013AngularMade by a team at Google,released in 2016VueCreated by Evan You,released in 2014SvelteCreated by Rich Harris,released in 2016Next.jsMade by Vercel, releasedin 2016Angular itselfAngular can also make itspages on a serverNuxtCreated by SébastienChopin in 2016SvelteKitMade by the Svelte team,version 1.0 in 2022AstroMade for content sites,version 1.0 in 2022It can use React, Vue orSvelte for its interactiveparts

Swipe sideways to see the whole figure.

Figure 1

Cheat sheet

Frameworkframework
ready-made code, such as React, Vue or Svelte, that redraws the screen from the state automatically.
Meta-frameworkméta-framework
a framework built on React, Vue or Svelte, such as Next.js, that also makes pages in advance or on a server.
ReactReact
a popular JavaScript tool that builds only the part of a site that runs in the browser.
AngularAngular
a complete framework made by a team at Google, which includes everything a large application needs.
VueVue.js
a framework for building interfaces from components, created by Evan You and maintained by an independent team.
SvelteSvelte
a framework that turns its components into plain JavaScript before the site goes online, so it sends less code.
AstroAstro
a framework for content sites that makes pages in advance and adds scripts only to the parts that need them.

React

React was created at Meta, the company behind Facebook, and first released in 2013. Meta rebuilt Facebook.com with it, as its engineering blog described in 2020. Since February 2026, React no longer belongs to Meta: it's owned by the React Foundation, hosted by the Linux Foundation, whose founding members include Amazon, Meta, Microsoft and Vercel.

React builds only the interface. For everything else (the addresses of the pages, fetching data, forms), the team chooses among many ready-made libraries, or uses a framework built on React, such as Next.js. That gives freedom, but two React projects can be organised very differently, so a new developer has more to learn about each one.

It's the most used of the frameworks. In the Stack Overflow Developer Survey 2026, about 42% of the developers who answered had used it in the past year. In France, Welcome to the Jungle builds its design system with it, and Next.js's own showcase lists sites such as Nike, OpenAI and Netflix Jobs. React Native applies the same ideas to mobile apps for iPhone and Android, so a React team can also build those.

Cheat sheet

ReactReact
a popular JavaScript tool that builds only the part of a site that runs in the browser.
React NativeReact Native
a tool that uses React's ideas to build mobile apps for iPhone and Android.
Librarybibliothèque
ready-made code, written by others, that does one job, such as showing a gallery of photos.
Open sourceopen source, logiciel libre
describes software whose code is public and free to use, which you can run yourself or pay someone to run.
Foundationfondation
a non-profit organisation that owns an open-source project, so that no single company controls it.

Angular

Angular is made by a team at Google. Its first version, Angular 2, came out in 2016 as a complete rewrite of an older framework, AngularJS, released in 2010. Despite the names, they're two different frameworks, and moving from one to the other means rewriting.

Angular comes complete. Pages and addresses, forms, communication with the server and tests are all included, and it uses TypeScript by default. There's one way of doing each thing, so Angular projects look alike, and developers in large teams can move from one project to another. Google says it builds large products on it, from Google Fonts to Google Cloud. In France, Lucca, a company that makes HR software, publishes the Angular components it builds its products with.

AngularJS shows what the end of support means: it stopped receiving any fixes in January 2022, so sites still built on it get no security fixes. Angular itself publishes its calendar on its website. Since version 22, in June 2026, it releases one major version a year and supports each one for 24 months.

Cheat sheet

AngularAngular
a complete framework made by a team at Google, which includes everything a large application needs.
AngularJSAngularJS
the older framework from Google that came before Angular, which has received no fixes since January 2022.
TypeScriptTypeScript
JavaScript with labels that say what kind of data each value holds, so that more mistakes are caught early.
End of supportfin de support
the date after which the makers of a tool stop fixing it, even for security problems.
Major versionversion majeure
a new version of a tool that can change how it works, so projects may need work to move to it.

Vue and Svelte

Vue was created by Evan You in 2014, as a personal side project. It's an independent project, paid for by sponsors since 2016, with no large company behind it. Its templates stay close to plain HTML, which makes it easy to start with, and a team can add it to an existing site one piece at a time. GitLab builds its interface with it, and the official showcase of Nuxt, the framework built on Vue, lists French sites such as La Poste, Malt and Roland-Garros. In the Stack Overflow survey of 2026, about 17% of developers had used it.

Svelte was created by Rich Harris in 2016, and its website says it's backed by Vercel. It works differently from the other three: it's a compiler, which turns components into plain JavaScript before the site goes online, so the browser doesn't download a framework at all. Its website shows the logos of companies that use it, such as Spotify, IKEA and Decathlon. It's used less, by about 8% of developers in the 2026 survey, but they like it: in the State of JavaScript survey of 2025, 86% of the developers who had used it were satisfied. A smaller community also means fewer developers to hire and fewer ready-made components.

Cheat sheet

VueVue.js
a framework for building interfaces from components, created by Evan You and maintained by an independent team.
SvelteSvelte
a framework that turns its components into plain JavaScript before the site goes online, so it sends less code.
Compilercompilateur
a program that turns code written by developers into another form, such as plain JavaScript that browsers run.
Sponsorsponsor, mécène
a company or a person who pays regularly to support an open-source project.
Communitycommunauté
the people who use a tool, answer questions about it and write add-ons for it.

The frameworks built on them

Next.js is built on React. Vercel, a hosting company then called ZEIT, released it in 2016. Its showcase lists sites such as Nike, OpenAI and Sonos. In the State of JavaScript survey of 2025, 59% of the developers who answered had used it, the most of any framework of this kind, but only 55% of them were satisfied.

Nuxt is built on Vue. It was created in 2016 by Sébastien Chopin, a French developer, and the company he founded to develop it, NuxtLabs, joined Vercel in July 2025. SvelteKit is built on Svelte by the Svelte team, and reached version 1.0 in 2022. Astro reached version 1.0 in 2022 too. Its showcase lists IKEA, Porsche and Michelin, and its users are the most satisfied: 94% in the same survey. The company behind it joined Cloudflare in January 2026.

So two hosting companies, Vercel and Cloudflare, now pay for several of these frameworks. All of them stay open source and run on other hosts too, but a framework's makers naturally make it easiest to run on their own hosting.

Cheat sheet

Next.jsNext.js
a framework built on React, made by the company Vercel, that can make each page in advance, on a server or in the browser.
NuxtNuxt
a framework built on Vue, created by Sébastien Chopin, that makes pages in advance or on a server.
SvelteKitSvelteKit
the framework built on Svelte by its team, which makes pages in advance or on a server.
VercelVercel
a hosting service for websites, whose free plan is for personal projects that earn no money.
Hosting providerhébergeur
the company that rents you the servers where a site is stored, such as OVH or Netlify.

How much each one is used

The chart shows the Stack Overflow Developer Survey 2026: the share of developers who used each framework in the past year, among the roughly 10,300 who answered that question. React leads with about 42%, then Next.js (21%), Vue (17%), Angular (16%) and Svelte (8%).

Other surveys ask other questions. The State of JavaScript survey of 2025, with about 13,000 answers, asked who had ever used each framework: React 85%, Vue 52%, Angular 48%, Svelte 27%. It also asked whether they were satisfied with it: Svelte 86%, Vue 84%, React 72% and Angular 48%.

A survey of developers isn't a count of websites. W3Techs, which scans millions of sites, finds in October 2026 that jQuery, an older and simpler library, runs on about 65% of all websites, and React on about 6%. Most of the web is older or simpler sites, while surveys show what developers work with today. So before quoting a figure, check what was counted: developers or websites, used once or used last year.

The share of developers who used each front-end framework in the past year, in the Stack Overflow Developer Survey 2026React: 42%. Vue.js: 17%. Angular: 16%. Svelte: 8%. Next.js: 21%. Astro: 6%. SvelteKit: 6%. Nuxt: 4%. Source: Source: Stack Overflow Developer Survey 2026, all respondents (10,281 answers to this question). Rounded.The share of developers who used it in the past yearFrameworks that build the interfaceReact42%Vue.js17%Angular16%Svelte8%Frameworks built on them, and AstroNext.js21%Astro6%SvelteKit6%Nuxt4%Source: Stack Overflow Developer Survey 2026, all respondents (10,281 answers to this question). Rounded.

Swipe sideways to see the whole figure.

Figure 2

Cheat sheet

Developer surveyenquête auprès des développeurs
a questionnaire that asks developers which tools they use, such as the Stack Overflow survey.
jQueryjQuery
an older JavaScript library, released in 2006, that makes small changes to a page easier and still runs on most websites.
Librarybibliothèque
ready-made code, written by others, that does one job, such as showing a gallery of photos.

What to ask

Use these questions when a quote, a job description or an agent's plan names a framework.

Ask who makes it and who pays for its work: a large company, a foundation, sponsors or a hosting company. Ask whether the people who will maintain the site already know it. That often matters more than which framework is "best". Ask whether the name is the framework itself or one built on top of it: "Next.js" means React too, plus a way of making pages, and a question about where the site will be hosted. And ask why this framework rather than a simpler tool. Popularity on its own isn't a reason: as the lesson Behaviour put it, the right tool is the simplest one that does the job.

Cheat sheet

Frameworkframework
ready-made code, such as React, Vue or Svelte, that redraws the screen from the state automatically.
Meta-frameworkméta-framework
a framework built on React, Vue or Svelte, such as Next.js, that also makes pages in advance or on a server.
Maintenancemaintenance
the regular work that keeps a site working after launch, such as updates, fixes and renewals.

Practise this strand

These questions put you in the situations this lesson describes. You answer in your own words, and you get a level, feedback and a full answer.