Search

Lessons (14)

  • TypeScript Essentials

    … They're erased from the output, so TypeScript adds zero runtime cost. ts function total(price: number, quantity …

  • React vs Vue vs Angular

    … for ) Language JS or TS JS or TS TypeScript (required) Reactivity Re-render + diff Proxy-based tracking Signals …

  • Graphs: BFS & DFS

    … JavaScript → TypeScript → React → Next.js. js function topoSort(graph) { // graph: node → nodes that depend on it const visited …

  • SOLID at a Glance

    … has a send() method, it's a sender" . TypeScript adds real interfaces. - Functions are first-class, so you …

  • O — Open/Closed Principle

    … new behaviour is plugged in, the core stays untouched](/img/solid/ocp-plugins.svg) With classes and TypeScript …

  • DRY: Don't Repeat Yourself

    … validation] S -- B[Backend request validation] S -- T[TypeScript types] ts // schemas/user.ts — used by the React …

  • Backend Languages: Node.js, Go, Python & Rust

    … NestJS (structured, TypeScript-first) NestJS adds modules, dependency injection and decorators on top of Express/Fastify, similar to …

  • Microkernel (Plugin) Architecture

    … Rollup Module graph + build pipeline Loaders and plugins (TypeScript, CSS, images) ESLint / Babel / PostCSS Parser + traversal engine Rules …

  • Onion Architecture & Clean vs Hexagonal vs Onion

    … In TypeScript you can get the same with separate packages, or with lint rules like eslint-plugin-boundaries …

  • Frontend Testing Strategy

    … Tools Speed Confidence --- --- --- --- --- Static Types and lint errors TypeScript, ESLint ⚡⚡⚡ Catches typos and type bugs Unit One function …

  • Structural Patterns: How to Connect Objects

    … Express middleware, React Higher-Order Components ( withRouter(Component) ), TypeScript/NestJS @decorators . --- 3. Facade 🏨 Analogy: A hotel concierge. You …

  • Hexagonal Architecture (Ports & Adapters)

    … Driving vs driven sides, a complete TypeScript example, testing with fake adapters, and how to structure the folders …

  • Domain-Driven Design: Tactical Patterns

    … application services, domain events and factories, all in TypeScript. The big idea Strategic DDD draws the boundaries. Tactical …

  • Clean Architecture in Depth

    … structure, testing, and common mistakes, with a full TypeScript example. The big idea A ship's engine room …