1. Frontend JavaScript Frameworks

• React (most popular)
• Ember
• Angular
• Vue
• Svelte

⚠️ Bootstrap is not a JavaScript framework.

It doesn’t provide a reactive rendering system or a component-based architecture.
Instead, it’s a UI toolkit (primarily CSS with some JavaScript utilities for interactivity).

2. JavaScript Framework Concepts

• Frameworks automatically re-render the UI when data changes.
  • This data is often called state or reactive variables.
• Components are the basic building blocks.
  • In React, components are often written in JSX, a syntax that lets you write HTML-like code inside JavaScript.
  • Other frameworks (Vue, Angular, Svelte) use their own template syntax.
• In vanilla HTML and JavaScript, the UI doesn’t always stay in sync with the data.
  • Example: a total count may not update when a list changes.
• Frameworks solve this problem and reduce the amount of manual DOM manipulation code you need to write.

3. React

• Components can be written using functions or classes. We'll primarily use function components in this class, as they are the most common.
• useState is a React "hook" that let's us declare state or a reactive variable.