React Basics

React uses a virtual DOM and JSX syntax to build interactive UIs. Components are functions or classes returning UI markup.

// Functional component in React
import React from 'react';

function Hello({ name }) {
  return 
Hello, {name}!
;
}

export default Hello;

Vue Introduction

Vue offers a reactive data-binding system and single-file components (`.vue`) combining template, script, and style.

// Vue component (Single File Component)

Angular Overview

Angular is a full-fledged framework using TypeScript. It relies on modules, decorators, and RxJS for reactive programming.

// Angular component (TypeScript)
import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-hello',
  template: '
Hello, {{name}}!
'
})
export class HelloComponent {
  @Input() name: string;
}

Key Comparison

• React: Library, JSX, virtual DOM.
• Vue: Progressive framework, template syntax, reactivity.
• Angular: Full framework, TypeScript, RxJS.