Articles

Tech Articles

In-depth articles on AI, web development, cloud native, and indie hacking.

@admin·10 min read·Web Development

Web Components: Framework-Agnostic Component Standards

React and Vue components are tied to their frameworks. Web Components use browser-native Custom Elements, Shadow DOM, and HTML Templates for cross-framework reuse. This guide explains their APIs, tradeoffs, best use cases, cases to avoid, and how Lit improves the development experience.

#React #TypeScript♥ 1300 comments
@admin·11 min read·Cloud Native

Cloud Networking Fundamentals: VPC, Subnets, and Security Groups

The first step to the cloud isn't creating a VM — it's understanding networking. Covers VPC/subnets/routing/security groups/NAT: public vs. private subnets (databases shouldn't face the public internet), security groups and NACLs, NAT gateways, and a classic 'two-tier subnet + minimal exposure' architecture.

#DevOps♥ 1310 comments
@admin·6 min read·AI Coding

Index Freshness in Large Monorepos: Incremental Context for Coding Agents

Search results do not prove that they belong to the current commit. This article uses commit watermarks, change logs, deletion and rename handling, dirty-worktree overlays, and atomic index publication to prevent coding agents from reading stale symbols.

#AI Agent #TypeScript #DevOps♥ 00 comments
@admin·12 min read·Cloud Native

Log Aggregation Architecture: ELK vs. Loki

When services run across machines, logs become scattered and hard to find during incidents. Log aggregation centralizes them for search, analysis, and alerts. This article explains the collection → transport → storage → query architecture, ELK vs. Loki tradeoffs, why structured JSON logs matter, and how to set level, sampling, and retention policies.

#DevOps♥ 1320 comments
@admin·10 min read·Web Development

React Data Fetching: From fetch to React Query

`useEffect + fetch` looks simple, but it is full of traps: races, duplicate requests, no cache, and no retries. This article traces React data fetching from `useEffect` to React Query/SWR and Server Components, explaining when to use each and why RSC and RQ complement rather than replace each other.

#Next.js #React♥ 1330 comments
@admin·12 min read·Cloud Native

Database Pagination: Cursor vs. OFFSET in Depth

OFFSET pagination becomes painfully slow by page 1,000 because it really scans all preceding rows. This article explains OFFSET's O(N) cost, O(1) keyset pagination, compound cursor design, and when page jumps still make OFFSET necessary.

#DevOps♥ 1340 comments
@admin·5 min read·Agent Engineering

Merging Multi-Agent Results: Provenance, Conflict Arbitration, and Atomic Commits

After multiple agents return results, concatenation or voting loses evidence and applicability conditions. This article designs candidate-result lineage, deterministic conflict classification, arbitration records, and atomic publication so merged conclusions can be recomputed and revoked.

#AI #LLM #AI Agent♥ 1320 comments
@admin·11 min read·Web Development

WebAssembly: Near-Native Performance in the Browser

When JavaScript is too slow for image and video processing, 3D, cryptography, or heavy computation, WebAssembly lets browsers run code compiled from C or Rust at near-native speed. This article explains what WASM is, how it complements JavaScript, how to use it, and where it does and does not fit.

#AI #TypeScript♥ 1350 comments