Search

Lessons (11)

• System Design Interview Framework

  … risks and recovery](/img/system-design-l6/interview-framework.svg) 1. Clarify users, core flows, scope, latency, availability …

• React vs Vue vs Angular

  The same counter in three frameworks, a side-by-side comparison of reactivity, templates, state and tooling, and …

• Clean Architecture

  Organise an application in layers so business rules don't depend on frameworks, databases or the web. Follow …

• Onion Architecture & Clean vs Hexagonal vs Onion

  … Infrastructure (databases, UI, frameworks) is the outer skin . ![Onion architecture: rings around the domain model](/img/architecture/onion …

• Clean Architecture in Depth

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

• MVC, MVP & MVVM

  … no UI framework needed const fakeView = { showError: vi.fn(), goToDashboard: vi.fn() }; await new LoginPresenter(fakeView, fakeAuth).onLoginClicked …

• D — Dependency Inversion Principle

  … the framework calls you)"] -- DIP["Dependency Inversion Principle<br/ (depend on abstractions)"] DIP -- DI["Dependency Injection<br/ (technique …

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

  … no garbage collector, no null pointer crashes. Popular frameworks Language Minimal Batteries included --- --- --- Node.js Express, Fastify, Hono …

• React Hooks in Practice

  … a data-fetching library ( TanStack Query , SWR ) or framework features (Next.js Server Components). They handle caching, deduplication …

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

  … ve used it: React class lifecycle methods, test frameworks ( beforeEach → test → afterEach ), NestJS lifecycle hooks. 💡 Modern alternative: pass …

• Hexagonal Architecture (Ports & Adapters)

  … No I/O, no frameworks Order , PlaceOrder Port An interface defined by the core , in its own language …