TLDR Web Dev

TLDR WEB DEV 2025-07-11

6 sections15 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

Sponsored

TRANSCRIPTION + DIARIZATION

In 2025, users expect a seamless scheduling experience with easy access to meeting transcripts.

nylas.comSponsor

02ARTICLES & TUTORIALS

POSTGRES LISTEN/NOTIFY DOES NOT SCALE

Recall.ai experienced Postgres downtime due to heavy write loads from thousands of meeting bots. An investigation showed that Postgres' LISTEN/NOTIFY feature acquired a global database lock during transaction commits, serializing them and causing a bottleneck. Load tests confirmed that removing LISTEN/NOTIFY allowed the database to fully utilize CPU cores and handle load spikes effectively.

recall.ai10 min read

THE ACCESSIBILITY PIPELINE FOR FRONTEND TEAMS

Storybook 9's new accessibility testing pipeline integrates accessibility checks into every stage of frontend development. Unlike traditional accessibility testing methods that are slow and provide low coverage, Storybook's approach tests components in isolation with mock data, providing fast and stable feedback during development while automatically checking for WCAG violations.

storybook.js.org6 min read

03OPINIONS & ADVICE

SEO IS DEAD. LONG LIVE GEO

Traditional SEO is becoming less effective as LLMs and AI search interfaces like Google's AI Mode rise. GEO (Generative Engine Optimization) is a new priority that requires brands to create detailed content answering customer questions for LLM uptake, build an AI-friendly online presence, and monitor LLM visibility.

substack.gauravvohra.com9 min read

SATISFIES IN TYPESCRIPT

The `satisfies` keyword in TypeScript allows you to assert that a value satisfies a given type while preventing TypeScript from inferring a wider type, which allows for excess property checking on object literals. This is especially useful when you want to catch typos in property names while still having idiomatic code structure.

frontendmasters.com8 min read

04LAUNCHES & TOOLS

BROWSEROS

BrowserOS is an open-source, Chromium-based browser focused on AI-powered automation and user privacy. It uses local AI agents and built-in Ollama support to automate tasks, conduct research, and curate content while keeping data secure. BrowserOS has a built-in ad blocker and tools for productivity like a highlighter and ChatGPT-powered bookmarker.

browseros.comTool

BATCH MODE IN THE GEMINI API

The Gemini API now offers a Batch Mode, an asynchronous endpoint designed for high-throughput, non-latency-critical tasks. This new mode allows users to submit large jobs and retrieve results within 24 hours at a 50% discount compared to synchronous APIs. Batch Mode is great for tasks like bulk content generation and model evaluations.

developers.googleblog.com3 min read

PANGOLIN

Pangolin is a self-hosted, tunneled reverse proxy server with identity and access control that allows secure exposure of private network resources without opening ports. It uses WireGuard tunnels for secure site-to-site connectivity and offers features like automated SSL certificates, load balancing, and integration with external identity providers.

github.comGitHub repository

05MISCELLANEOUS

THE HISTORY OF REACT THROUGH CODE

React started at Facebook in 2011 as "FaxJS" (later "FBolt"). Jordan Walke created it to solve problems with the company's existing BoltJS framework. Throughout its changes, React has maintained API consistency, from early innovations like JSX (which allowed HTML-like syntax in JavaScript for better performance, security, and debugging) to modern features, all guided by a coherent design philosophy.

playfulprogramming.com8 min read

INTRODUCING REACT NATIVE RAG: LOCAL & OFFLINE RETRIEVAL-AUGMENTED GENERATION

React Native RAG is a new library that brings Retrieval-Augmented Generation (RAG) capabilities to React Native apps, allowing LLMs to generate more accurate and relevant responses by retrieving information from a local knowledge base. The library works in two stages: indexing documents (splitting, embedding, and storing) and generating responses (retrieving, augmenting, and generating).

blog.swmansion.com5 min read