Skip to main content

Frameworks & Libraries

Modern web development relies on frameworks to build complex, maintainable applications efficiently.

Learning Objectives​

  • Understand component-based architecture
  • Build applications with React or Vue
  • Manage state effectively in larger applications
  • Use routing for single-page applications

Key Topics​

Component Thinking​

Break UIs into reusable, composable components. Understand props, state, and the component lifecycle.

State Management​

Start with local component state, then learn when and how to use global state solutions like Context, Zustand, or Pinia.

Tooling & Build​

Use Vite or similar build tools. Understand what happens between your source code and what the browser receives.

Exercise​

Rebuild your vanilla JS todo app using a framework of your choice. Compare the approaches — what got easier? What got more complex?