---
title: Vue, Svelte & Angular
description: Vue, Svelte and Angular are the main alternatives to React for building front ends. You will learn each framework's component model, reactivity and tooling, and how to choose between them.
category: programming-tech
subcategory: web-development
difficulty: beginner, intermediate, advanced
url: /subject/vue-svelte-angular
---

# Vue, Svelte & Angular

Vue, Svelte and Angular are the main alternatives to React for building front ends. You will learn each framework's component model, reactivity and tooling, and how to choose between them.

## Available Resources

2 Courses • 2 Websites

## Websites

### 1. A Hands-on Introduction to Fine-Grained Reactivity

**Author:** Ryan Carniato

Choosing between the three frameworks is easier once you understand the reactivity model they now share. This piece teaches that model framework-neutrally, so Vue refs, Svelte $state/$derived and Angular signal()/computed() read as variations on one idea. Published 2021 — predates runes and Angular Signals but covers concepts, not APIs. 
Ryan Carniato, creator of SolidJS, explains the three primitives behind modern front-end reactivity: signals, effects and derived values (memos). He builds them from scratch in plain JavaScript and notes that Vue, Svelte, MobX and Knockout all rely on the same model.

**Difficulty:** Intermediate | **Language:** English | **Price:** Free

**Link:** https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf

**Tags:** reactivity, signals, javascript, solidjs, frontend-frameworks

### 2. Vue.js Guide (Official Vue 3 Documentation)

**Author:** Evan You and the Vue core team

The official Vue 3 guide, written by the core team. It covers template syntax, reactivity, components, composables, single-file components, tooling, routing, state management, TypeScript and SSR. A switch lets you read every example in either the Options API or the Composition API.

**Difficulty:** Beginner | **Language:** English | **Price:** Free

**Link:** https://vuejs.org/guide/introduction.html

**Tags:** vue, vue-3, composition-api, components, frontend-frameworks

## Courses

### 1. Learn Angular (Official Interactive Tutorial on angular.dev)

**Author:** Angular team at Google

The Angular team's in-browser tutorial for modern Angular, where each step teaches one concept with live code and a reveal-answer option. It covers components, template control flow, property and event binding, inputs and outputs, deferrable views, routing, forms, services with dependency injection, and pipes. It is hands-on, free and kept in step with each Angular release.

**Difficulty:** Beginner | **Language:** English | **Price:** Free

**Link:** https://angular.dev/tutorials/learn-angular

**Tags:** angular, typescript, components, dependency-injection, frontend-frameworks

### 2. Svelte Interactive Tutorial (Svelte 5 and SvelteKit)

**Author:** Svelte core team

The official in-browser Svelte tutorial, with a live editor and a solution for each step. It has four parts: Basic Svelte, Advanced Svelte, Basic SvelteKit and Advanced SvelteKit. Together they cover runes-based reactivity, props, bindings, transitions, snippets, context, routing, data loading and forms.

**Difficulty:** Beginner | **Language:** English | **Price:** Free

**Link:** https://svelte.dev/tutorial/svelte/welcome-to-svelte

**Tags:** svelte, sveltekit, svelte-runes, reactivity, frontend-frameworks

---

*This content is part of Dantes.io - Your Treasure Map to Knowledge*

*Curated by humans at Dantes.io. Personal study use welcome; republishing this curation requires permission (team@dantes.io).*

View this page online: https://dantes.io/subject/vue-svelte-angular