TLDR Web Dev

TLDR WEB DEV 2025-06-13

5 sections15 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

PARTIAL KEYFRAMES

Partial Keyframes is a CSS animation technique where you omit either the `from` or `to` blocks in keyframe animations, which allows them to inherit starting or ending values from the element's current state instead of using hardcoded values. This makes animations dynamic and composable for effects like fading elements to their natural opacity or animating to values set by other concurrent animations.

joshwcomeau.com10 min read

SHOPIFY TECH STACK

Shopify's tech stack handles massive scale using Ruby on Rails, React, MySQL, and Kafka. It uses a modular monolith architecture with independently deployable components and strict interface contracts for maintainability. Shopify's infrastructure includes Kubernetes, Kafka for event streaming, and a focus on observability, reliability, and security.

blog.bytebytego.com18 min read

FREQUENT REAUTH DOESN'T MAKE YOU MORE SECURE

Frequent re-authentication doesn't make security better and can actually weaken it by causing user fatigue and encouraging bad security habits. Instead of relying on constant logins, security should focus on continuous, real-time risk assessment and policy enforcement.

tailscale.com6 min read

02OPINIONS & ADVICE

USESTATE SHOULD REQUIRE A DEPENDENCY ARRAY

React's `useState` hook should require a dependency array to prevent a common bug where state initialized from props doesn't update when those props change, creating un-reactive code. Current workarounds like using the `key` prop or `useEffect` to sync state are clunky and error-prone, and instead `useState` should work like `useState(initialValue, [dependencies])` where state resets when dependencies change.

bikeshedd.ing6 min read

FIRST THOUGHTS ON O3 PRO

OpenAI's new o3-pro model has better reasoning and integration capabilities. However, to really shine, it needs proper context. When using it, it's best to take extra time to preseed with as much context as possible in order for the best results.

latent.space8 min read

FAANG VS STARTUPS

A short stint at a FAANG company provides instant credibility for new graduates, opening future opportunities. Spending 2-3 years teaches corporate navigation and large project management, but can lower ambition. Longer than four years in Big Tech can permanently alter one's risk appetite.

substack.com2 min read

03LAUNCHES & TOOLS

REACT NATIVE 0.80 - REACT 19.1, JS API CHANGES, FREEZING LEGACY ARCH, AND MUCH MORE

React Native 0.80 has been released, with React 19.1, stability improvements to the JavaScript API, and the freezing of the Legacy Architecture. Deep imports are being deprecated, and a new Strict TypeScript API is available for opt-in use. This release includes experimental prebuilt iOS dependencies for faster build times, as well as smaller APK sizes for Android apps.

reactnative.dev12 min read

MCWIG

McWig is a Vim-like text editor written in Go that supports features like LSP autocomplete, Tree-sitter, and color themes. It only supports Go files for now.

github.comGitHub repository

CHATTERBOX

Chatterbox is Resemble AI's production-grade, open-source text-to-speech (TTS) model. It has state-of-the-art zero-shot TTS, emotion exaggeration control, and alignment-informed inference, and is trained on 0.5M hours of cleaned data.

github.comGitHub repository

04MISCELLANEOUS

JEMALLOC POSTMORTEM

jemalloc is a memory allocator that has been maintained for about 20 years. It is now no longer being maintained. The postmortem describes jemalloc's evolution through phases at FreeBSD, Firefox, and Facebook/Meta, highlighting successes like improved performance and telemetry, as well as failures such as fragmentation issues and the controversial removal of Valgrind support.

jasone.github.io9 min read

RENDERING CRISPY TEXT ON THE GPU

Text can be rendered on the GPU in real time. This method involves loading glyph data, rasterizing it at runtime to an atlas, and caching glyphs for reuse, allowing for high-quality, subpixel anti-aliasing.

links.tldrnewsletter.com26 min read