How Vue differs from React and Angular - Quick Revision & Summary

Recall & Review

beginner

What is the main programming style Vue uses compared to React and Angular?

Vue uses the Composition API with <script setup> for a clean, function-based approach, unlike React's JSX and Angular's TypeScript classes with decorators.

beginner

How does Vue handle component state compared to React?

Vue uses reactive references (ref/reactive) to track state changes, while React uses useState and useEffect hooks.

beginner

What is a key difference in template syntax between Vue and React?

Vue uses HTML-based templates with directives like v-if and v-for, making it closer to regular HTML, while React uses JSX which mixes HTML and JavaScript tightly.

intermediate

How does Angular differ from Vue in terms of project structure?

Angular uses a full framework approach with modules, services, and dependency injection, while Vue is more flexible and lightweight, focusing on components and optional libraries.

advanced

Which framework uses standalone components and signals as a new feature?

Angular 17+ introduces standalone components and signals, which is different from Vue's Composition API and React's hooks.

Which syntax does Vue primarily use for its templates?

A XML with decorators

B JSX mixing HTML and JavaScript

C HTML-based templates with directives

D Plain JavaScript functions only

Vue uses HTML-based templates with directives like v-if and v-for, making it easy to write and understand.

What is the main way Vue tracks reactive state?

A Using ref and reactive functions

B Using useState hook

C Using Angular services

D Using class properties

Vue uses ref and reactive to create reactive state that updates the UI automatically.

Which framework uses standalone components and signals as a new feature?

A Angular

B React

C Vue

D Svelte

Angular 17+ introduced standalone components and signals to simplify component management.

How does React differ from Vue in component syntax?

A React uses XML, Vue uses JSON

B React uses HTML templates, Vue uses JSX

C Both use plain JavaScript functions only

D React uses JSX, Vue uses HTML templates

React uses JSX which mixes JavaScript and HTML, while Vue uses HTML templates with special directives.

Which framework is known for a full framework approach with modules and dependency injection?

A Vue

B Angular

C jQuery

D React

Angular provides a full framework with modules, services, and dependency injection, unlike Vue and React.

Explain how Vue's Composition API differs from React's hooks and Angular's class-based components.

Think about how each framework organizes component logic and state.

Describe the differences in template syntax and project structure between Vue, React, and Angular.

Focus on how you write UI and organize code in each.