Framework

As explained in Web Components in Action

A software framework is a reusable application structure that provides conventions, abstractions, and extension points for development.

A framework organizes application development around selected conventions, abstractions, and extension points. Choosing one depends on the project and team: a straightforward application may benefit from a modern framework, while another may be constrained by it. section 1.4

Frameworks commonly distinguish themselves by the application features they choose to provide:

• Data binding, routing, and MVC-style application design are framework-level choices rather than native Web Components features. section 14.1
• Frameworks can align tutorials and examples around a consistent application pattern, helping beginners work with related features together. section 14.1
• Framework features and libraries can remain interchangeable: Redux may be used beyond React rather than being permanently tied to it. section 14.1

Figure 14.1. Deprecated data binding feature: Object.observe

Use this deprecated browser feature as a cautionary example of a proposed native data-binding foundation that frameworks did not broadly adopt. section 14.1

How Web Components in Action covers it

How deep it goes

Compares framework responsibilities and trade-offs but stops short of implementing a particular framework.

Examples

Uses Redux and React, plus deprecated Object.observe, to illustrate interchangeable libraries and rejected native data binding.

What it assumes

Assumes awareness of web projects and Web Components while contrasting native features with application-level conventions.

What you can do after

Evaluate framework and no-framework options against project needs and recognize their standards-based underpinnings.

How it connects

Connects frameworks with Web Components, data binding, routing, MVC, application state management, Redux, and React.

liveBookmanning.com

Read Web Components in Action on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  Build a Frontend Web Framework (From Scratch)A software framework that provides reusable structure and mechanisms for building the user-facing portion of web applications.
• 

  liveBookmanning.com
  React in DepthA software framework written for or centered on JavaScript that structures frontend application development.
• 

  liveBookmanning.com
  Think Like a CTOA reusable software foundation that provides conventions and supporting components for building applications or automation systems.
• 

  liveBookmanning.com
  Machine Learning System DesignSoftware that provides reusable infrastructure for configuring and executing machine-learning model training.

Compare how 5 books explain framework →

Related concepts

• Flaskincludes · Flask is a lightweight Python web framework based on WSGI for building web applications and services.
• Djangoincludes · Django is an open-source Python web framework providing integrated components for developing structured, database-backed web applications and services.
• Axumincludes · Axum is a Rust web framework for building asynchronous HTTP services with routing, request extraction, and handler execution.
• Streamlitincludes · Streamlit is an open-source Python framework for building interactive web applications, particularly for data and machine-learning applications.
• FastAPIincludes · FastAPI is a Python web framework for building APIs, with type-annotation-based request handling, validation, and automatic OpenAPI documentation.
• librarykind of · A software library is a reusable collection of code or components that other programs can incorporate or invoke to provide functionality.

This explainer was generated by Manning's knowledge graph from the text of Web Components in Action. The section links point to the parts of the book it draws on.