---
title: Front-End Frameworks
description: Front-end frameworks are pre-written libraries of code used to build interactive user interfaces for web applications. Learners will understand how to use component-based architectures like React, Vue, or Angular to manage state and render dynamic content.
category: programming-tech
subcategory: web-development
difficulty: beginner, intermediate, advanced
url: /subject/front-end-frameworks
---

# Front-End Frameworks

Front-end frameworks are pre-written libraries of code used to build interactive user interfaces for web applications. Learners will understand how to use component-based architectures like React, Vue, or Angular to manage state and render dynamic content.

## Available Resources

1 Videos • 1 Courses • 4 Websites

## Websites

### 1. MDN Web Docs - Frameworks

MDN's module on client-side JavaScript frameworks, covering why frameworks exist, how they differ from vanilla DOM work, and parallel tutorials building the same to-do app in React, Vue, Svelte, Angular, and Ember. Readers finish able to compare framework trade-offs.

**Difficulty:** Beginner | **Price:** Free

**Link:** https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks

**Tags:** javascript-frameworks, react, vue, svelte, angular

### 2. Svelte Tutorial

The official in-browser Svelte tutorial, with a live editor beside each lesson. Covers the current Svelte 5 API including runes, reactivity, props, stores, and transitions, then SvelteKit routing and data loading. You finish able to build a small reactive app unaided.

**Difficulty:** Beginner | **Price:** Free

**Link:** https://svelte.dev/tutorial/

**Tags:** svelte, sveltekit, reactivity, interactive-tutorial

### 3. React Official Docs

React's official site, combining a structured Learn React course with a full API reference. Covers components, JSX, state, effects, and hooks through interactive examples, so you can reason about rendering and data flow rather than copying patterns.

**Difficulty:** Beginner | **Price:** Free

**Link:** https://react.dev/

**Tags:** react, hooks, jsx, component-state

### 4. vuejs.org

Vuejs.org is the official site for the Vue.js front-end framework, offering comprehensive documentation, guides, and API references to learn and build applications with Vue. It also features examples, tutorials, and links to ecosystem tools like routing, state management, and community resources.

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

**Link:** https://vuejs.org

**Tags:** websites, technology-computer-science, web-development

## Videos

### 1. React Course - Beginner's Tutorial

freeCodeCamp's twelve-hour React course taught by Bob Ziroll, built around eight projects including a meme generator and an Airbnb clone. Covers JSX, props, state, forms, and hooks, ending with a full app assembled from reusable components.

**Difficulty:** Beginner | **Price:** Free

**Link:** https://www.youtube.com/watch?v=bMknfKXIFA8

**Tags:** react, hooks, jsx, project-based

## Courses

### 1. freeCodeCamp Frontend Libraries

Master front-end frameworks like React and Bootstrap with freeCodeCamp's comprehensive course. Build dynamic user interfaces today!

**Difficulty:** Beginner | **Price:** Free

**Link:** https://www.freecodecamp.org/learn/front-end-development-libraries/

**Tags:** react, redux, bootstrap, sass, jquery

---

*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/front-end-frameworks