Search

Lessons (16)

• Cross-Service Data: How to Join Without a Database JOIN

  … API composition The caller, API gateway or backend-for-frontend calls both services and joins the responses in …

• Which Pattern Do I Need?

  … Memento stores snapshots to restore. Composite vs Decorator Both wrap objects. Composite groups many children ; Decorator wraps exactly …

• Design System Operations

  … Operating a design system means keeping that composition reliable as more teams use it: clear APIs, accessible behavior …

• Clean Architecture

  … new SendGridEmailSender(apiKey), }); app.post("/users", userController(registerUser)); Why bother? Testing becomes trivial Because the use case only …

• Structural Patterns: How to Connect Objects

  Adapter, Decorator, Facade, Proxy, Composite, Bridge and Flyweight. How to plug incompatible pieces together and build big structures …

• Atomic Design & Component Libraries

  … owns order-specific language and behavior. <CancelOrderButton order={order} onCancelled={refreshOrder} / CancelOrderButton may call an order API, enforce …

• D — Dependency Inversion Principle

  … main.js / composition root const orderService = new OrderService({ orderRepository: new PostgresOrderRepository(pool), mailer: new SesMailer(awsConfig), }); // Tests: plain …

• Database Indexing & Transactions

  … 03 ms) Index Cond: (email = 'ana@mail.com') Composite indexes and the left-most rule An index on …

• Data in Microservices: Sagas & the Outbox Pattern

  … Options: Approach How Trade-off --- --- --- API composition A BFF/gateway calls each service and joins in memory Simple …

• Scalable Frontend Architecture

  … orders/[id]/page.tsx route composition and access boundary features/orders/ api.ts order requests and response mapping …

• Clean Architecture in Depth

  … Web frameworks, databases, UIs and third-party APIs are the cabins and paint: details that plug in from …

• React vs Vue vs Angular

  … Clicked {count} times (double: {double}) </button ); } Vue 3 (Composition API, single-file component) vue <script setup import { ref …

• Onion Architecture & Clean vs Hexagonal vs Onion

  … Domain ├── Shop.Infrastructure → references Application, Domain └── Shop.Api → references everything (composition root) 💡 Separate projects/packages per ring let …

• JavaScript Language Fundamentals

  … Abstraction Expose a small public API, hide details Inheritance Prototypes / extends (prefer composition when in doubt) Polymorphism Any …

• Behavioral Patterns II: Chain, Template, Iterator, Mediator, Memento, Visitor

  … as functions (Strategy) instead of subclassing, i.e. composition over inheritance. --- 3. Iterator 📺 Analogy: A TV remote's …

• Go Fundamentals

  … checks and formatting text shop/ ├── go.mod ├── cmd/api/main.go package main — the entry point └── internal/ code …