Search

Lessons (18)

• 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 …

• React Fundamentals

  … And React's core idea fits in one line: 🎯 UI = f(state) . You describe what the screen should …

• Creational Patterns: How to Make Objects

  … both come from the same factory return [uiFactory.createInput(), uiFactory.createButton()].map((c) = c.render()).join(""); } buildLoginForm(prefersDark …

• Hexagonal Architecture (Ports & Adapters)

  … the business is in the middle"] direction LR UI2[UI] -- Core2((Business)) DB2[(Database)] -.implements port.- Core2 end …

• State Management (Redux, Zustand, TanStack Query)

  … handled by pure reducers . mermaid flowchart LR UI["🖱️ UI"] -- "dispatch({ type: 'cart/add' })" S[Store] S -- R …

• MVC, MVP & MVVM

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

• React vs Vue vs Angular

  … a flexible core (UI components) and you pick the other pieces yourself (router, state, forms). Huge community. - Vue …

• CQRS & Event Sourcing

  … show the updated value optimistically in the UI, or read from the write side right after the user …

• Clean Architecture in Depth

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

• Layered (N-Tier) Architecture

  … browser"] UI[React app] end subgraph T2["Tier 2: app server"] API["Controllers + services + repositories<br/ (3 layers …

• Helm, kubectl Cheat Sheet & Best Practices

  … UI), kubectx/kubens (fast context and namespace switching), stern (tail logs from many pods), Lens (a desktop UI …

• Which Pattern Do I Need?

  … service layers and SDKs 5. 📰 Observer — events everywhere, UI and backend 6. 🗺️ Strategy — pluggable algorithms (payments, pricing …

• DRY: Don't Repeat Yourself

  … SQL in many places A repository function Repeated UI markup A reusable component mermaid flowchart LR S["📜 One …

• TypeScript Essentials

  … That's a whole class of UI bugs gone. Generics: types with parameters A generic is a type …

• Consumers & Consumer Groups

  … Burrow, Kafka UI, Prometheus exporters. Handling failures: retries and dead-letter topics What if a message can't …

• Event-Driven Architecture

  … parts (be honest) Challenge Mitigation --- --- Eventual consistency (the UI may show old data briefly) Design the UX for …

• Choosing an Architecture

  … MVC / MVVM Separate view from model and logic UI code (server pages, SPAs, mobile) Only covers presentation Clean …

• Frontend Testing Strategy

  … screen.findByText("Keyboard")).toBeInTheDocument(); // findBy waits for async UI }); it("shows an error when the API fails", async …