Search

Lessons (40)

• Collaborative Document Editing & Real-Time Sync

  … 9035, "author": "c19", "ops": [ ... ] } { "type": "presence", "user": "u19", "cursor": { ... } } // throttled to 50 ms (clientId, clientSeq) makes every op …

• API Gateway, BFF & Service Discovery

  How clients find the right service among dozens, and how services find each other. API gateways, Backends for …

• AWS Security Building Blocks

  … Also verify the appropriate client/resource audience rules and API scopes. In the common Cognito client checks, an …

• Next.js Rendering: CSR, SSR, SSG, ISR & Server Components

  Where and when is your HTML created? Compare client-side, server-side, static and incremental rendering, plus React …

• Environments, Workspaces, and Multiple Accounts

  … Reuse the underlying module rather than copying its entire implementation. What a CLI workspace does bash terraform workspace …

• Design a Chat Application

  … POST or send a command containing conversation ID and client message ID. Enforce membership before writing. 2. Persist …

• Design a URL Shortener

  … Send click events asynchronously. Bound redirect caching and define active invalidation for disablement; long browser-cached permanent redirects …

• Dynamic Programming

  … climbing stairs ⭐ You can climb 1 or 2 steps at a time. How many different ways are there …

• I — Interface Segregation Principle

  … fewer ripple effects When clients depend on a fat interface, a change to any method forces every client …

• How a Web Request Works

  Follow one click from the browser to the server and back, through DNS, TCP, TLS, HTTP, load balancers …

• REST API Design

  … A client sends POST /payments , the connection drops, and the client doesn't know if the payment happened …

• State Management (Redux, Zustand, TanStack Query)

  … things everyone at home needs (the shopping list) → global client state . - The bank 🏦: the real source of truth …

• Frontend Testing Strategy

  … find elements by their visible text and role, click, type, and check what appears. tsx // LoginForm.test.tsx …

• Hexagonal Architecture (Ports & Adapters)

  … loan.dueDate.toISOString() }); }); } // adapters/driving/cli.ts — the same use case from a terminal export async function borrowFromCli …

• Frontend Security

  XSS, CSRF, clickjacking, token storage, CORS and supply-chain risks, explained with pictures. What can go wrong in …

• API Contracts, Gateways and Security

  … A malicious client changes the invoice ID and tries another tenant’s record. What must be true Keep …

• React vs Vue vs Angular

  … true, template: <button (click)="increment()" Clicked {{ count() }} times (double: {{ double() }}) </button , }) export class CounterComponent { count = signal(0); double …

• REST vs GraphQL vs gRPC

  … The client sends a query describing the exact shape it wants: graphql query ProfileScreen { user(id: 42) { name …

• Frontend Performance & Core Web Vitals

  … the browser can't respond to a click until the current task finishes. mermaid gantt title A click …

• JavaScript Essentials: Event Loop, Closures & this

  … So how does it handle timers, network calls and clicks without freezing? The chef delegates : "Oven, bake this …

• Your First Terraform Project

  … Further reading: [CLI workflow](https://developer.hashicorp.com/terraform/cli/run).

• Serverless: Lambda and API Gateway

  … Reserved concurrency can bound a function's concurrency; throttling still needs a client and retry strategy. A new …

• Observability: Logs, Metrics & Traces

  … res.statusCode })); next(); }); app.get("/metrics", async (req, res) = res.type("text/plain").send(await client.register.metrics …

• Proxies, APIs and Real-Time Protocols

  … How to prove it worked Test disconnects, slow clients and rolling restarts. Measure reconnect success, update lag, buffer …

• Scalable Frontend Architecture

  … Enforce permissions on the server; a hidden client button is only a UX choice. 5. Document decisions that …

• Storage, Search and Location Queries

  … ask to upload profile-photo.jpg API - Client: short-lived, scoped presigned upload URL Client - Object storage: upload …

• Scaling, Load Balancing & Rate Limiting

  … It gives clients one stable address while it decides which healthy backend should handle each connection or request …

• Node.js and Express

  … picture mermaid flowchart LR C1[Client 1] & C2[Client 2] & C3[Client 3] -- EL(("🔁 Event loop<br/ one …

• Structural Patterns: How to Connect Objects

  … validate ❌ Proxy-- Client: Error Client- Proxy: set balance = 50 Proxy- RealObject: balance = 50 ✅ You've used it: Vue …

• Payment Retries: Prevent Duplicate Charges

  … A client key alone cannot protect two different keys for the same order; enforce the order’s payable …

• Product-Scale Frontend Patterns

  … It should have a known rollback path. mermaid sequenceDiagram participant U as User participant C as Client cache …

• Variables, Locals, Outputs, and Validation

  … filename such as dev.tfvars needs -var-file . CLI assignments have higher precedence than environment variables and automatically …

• HCL, Resource Addresses, and Project Layout

  … They cannot be overridden through CLI flags like input variables. Refer to a local as local.project , an …

• Architecture Patterns at Scale

  Choose client-server, microservices, serverless, event-driven or peer-to-peer architecture based on ownership, failure boundaries and …

• S3: Store Files Safely

  … A client-provided content type alone does not prove the file is safe. mermaid sequenceDiagram Browser- API: request …

• Networking, DNS and Traffic Routing

  … failure and recovery A DNS record changes but clients retain its previous answer or an existing connection. Failover …

• Python Web APIs: FastAPI and Django

  … res = client.post("/tasks", json={"title": "Write tests"}) assert res.status code == 201 assert res.json()["title"] == "Write …

• Drift, Troubleshooting, and Disaster Recovery

  … Further reading: [State management](https://developer.hashicorp.com/terraform/cli/state), [refresh-only planning](https://developer.hashicorp.com …

• Rust: Types, Errors and Concurrency

  … anyhow::Result<() { let client = reqwest::Client::new(); let (a, b) = tokio::join!( // run concurrently client.get("https://example …

• Views, Triggers & Stored Procedures

  … It can simplify joins, expose a secure subset, and give clients a stable interface. A materialized view stores …