Composition
Everything on SkillVeris tagged Composition — collected across the glossary, study notes, blog, and cheat sheets.
22 resources across 3 libraries
Study Notes(5)
Pipelining and Composition
Master F#'s |> pipe operator and >> / << composition operators to chain transformations into clear, left-to-right data pipelines.
Component Composition in React
Learn how to build complex UIs by combining small, reusable components using composition patterns.
Composable Functions Basics
Composable functions are the fundamental building block of Jetpack Compose UI — Kotlin functions marked @Composable that emit UI elements and can be freely com…
Lifecycle Hooks in the Composition API
Learn how onMounted, onUpdated, onUnmounted and other lifecycle hook functions let you run code at specific points in a component's life.
The Composition API vs Options API
Compares Vue's two component authoring styles, explaining why the Composition API was introduced and when each approach makes sense in real projects.
Cheat Sheets(1)
Interview Questions(16)
Composition vs Inheritance in OOP
Inheritance models an "is-a" relationship where a class derives from a parent, while composition models a "has-a" relationship where a class is built from othe…
Aggregation vs Composition in OOP
Aggregation and composition are both "has-a" relationships between objects, but composition implies strict ownership where the part cannot outlive the whole, w…
What is the Liskov Substitution Principle?
The Liskov Substitution Principle (LSP) states that objects of a subclass must be substitutable for objects of the base class without altering the correctness…
What is the Adapter Pattern?
The Adapter pattern is a structural design pattern that converts the interface of an existing class into another interface a client expects, letting otherwise…
What is the Bridge Pattern?
The Bridge pattern is a structural design pattern that decouples an abstraction from its implementation by putting them in two separate class hierarchies conne…
What are Mixins in Object-Oriented Programming?
A mixin is a class designed to bundle a specific, reusable piece of behavior that is "mixed into" other classes, typically via multiple inheritance or composit…
What is Delegation in OOP?
Delegation is an object-oriented technique where an object, instead of implementing a behavior itself, hands the request off to a second helper object that act…
UML Class Diagram Relationships Explained
A UML class diagram models a system’s classes as boxes with attributes and operations, and connects them with relationship lines — association, aggregation, co…
Association vs Aggregation vs Composition
Association is any structural relationship where one object refers to another, aggregation is a weak has-a where the contained object can exist independently,…
Adapter vs Bridge Pattern
The Adapter pattern converts an existing incompatible interface into one a client expects, applied after the fact to make unrelated classes work together, whil…
Strategy vs State Pattern
The Strategy pattern lets a client choose an interchangeable algorithm at will and injects it into a context, while the State pattern lets an object change its…
What Is Prop Drilling and How Do You Avoid It?
Prop drilling is passing a piece of data through several intermediate components via props purely so a deeply nested child can read it, even though those inter…
How Do You Design a Good Custom React Hook?
A well-designed custom hook extracts reusable stateful logic — not UI — behind a function starting with “use”, returning a small, purposeful API (values and fu…
What Are Higher-Order Components (HOCs) in React?
A higher-order component is a function that takes a component as an argument and returns a new component with added behavior or props, letting you reuse cross-…
What Is the Render Props Pattern in React?
The render props pattern is a technique where a component accepts a function as a prop — often literally named `render`, or passed as `children` — and calls th…
What Is the Compound Components Pattern in React?
Compound components is a pattern where several components work together to form one cohesive UI unit — like `<Select>`, `<Select.Option>` — sharing implicit st…