Unidirectional data pipeline
A unidirectional data pipeline is a data-flow model in which data or updates move from source to destination in one direction without automatic reverse propagation.
Pro Angular 16
One-way data binding is a technique in which data flows from an application value or source to a user-interface representation in a single direction.
- How it is used
- Carries component values into Angular templates to set displayed content, classes, and styles.
- How deep it goes
- Explains binding anatomy, expression evaluation, bracket pitfalls, and idempotence; treats event and two-way bindings separately.
- Examples
- Uses an ngClass div, an omitted-brackets comparison, invalid state-changing expressions, and an interactive product table.
- What you can do after
- Apply it via Angular template bindings to display component values and diagnose literal-value or state-changing expression mistakes.
Read how Pro Angular 16 explains unidirectional data pipeline →
The Joy of JavaScript
Unidirectional data flow is an architecture in which data moves in one direction through a system from source to sink.
- How it is used
- Uses streams and promises to structure application data as one-way pipelines from source to sink.
- How deep it goes
- Explains Observable flow, laziness, operators, observers, subscriptions, and cancellation, but does not detail operator implementations.
- Examples
- Demonstrates Observable.of with four words, subscription through next, and explicit unsubscription.
- What you can do after
- Apply the pattern via Observable, Observer, and Subscription abstractions to create, consume, and stop push-based data flows.
Read how The Joy of JavaScript explains unidirectional data pipeline →
Related concepts
- two-way bindingcontrasts with · Two-way binding is a data-binding relationship in which changes to either of two corresponding values automatically update the other.
- square bracket binding syntaxconfigured by · Square bracket binding syntax is Angular template notation that marks a binding as one-way and supplies an evaluated expression to its target.
- Reactused by · React is an open-source JavaScript library for building user interfaces from declarative, reusable components.
- event bindingincludes · Event binding is an association between an event and the expression or handler that responds when the event occurs.
- data bindingkind of · Data binding is a technique that connects application data or state to user-interface elements or component properties so values or behavior can be represented or synchronized.
- assignmentcontrasts with · Assignment is a programming-language operation that binds or stores an evaluated value in a variable, property, or other assignable location.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.