TLDR Index
TLDR Web Dev

TLDR WEB DEV 2025-09-11

5 sections16 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

MIGRATING TO REACT NATIVE'S NEW ARCHITECTURE (2025)

Shopify successfully migrated two of its largest apps (Shopify Mobile and Shopify Point of Sale) to React Native's New Architecture while maintaining weekly releases and serving millions of merchants. Its strategy focused on minimizing code changes, maintaining dual architecture compatibility during development, and making sure performance stayed the same throughout the migration process. The team ran into and fixed some issues like erroneous state batching, blank screens, shadow tree manipulation problems, and view flattening side effects.

shopify.engineering8 min read

AN INTERACTIVE GUIDE TO TANSTACK DB

TanStack DB is a new member of the TanStack family designed to improve TanStack Query. This article explains how TanStack DB addresses limitations in TanStack Query through Collections, Live Queries, and Transactional Mutations, with benefits like fine-grained state updates and optimistic updates with less boilerplate. TanStack DB integrates with sync engines like ElectricSQL for real-time data synchronization and fast data loading.

frontendatscale.com22 min read

REACT FAST REFRESH: NEXT-GEN HOT RELOADING EXPLAINED

React Fast Refresh is an official Hot Module Replacement (HMR) solution that enables hot reloading while preserving application state. When you edit React components, Fast Refresh updates only the modified components and re-renders them while maintaining state in functional components and Hooks, though it falls back to full reloads for files that export non-React components or have syntax errors. The system works through a combination of Babel compile-time transformations that inject tracking code and a runtime system that registers components and Hook signatures.

leapcell.io8 min read

02OPINIONS & ADVICE

SOME THOUGHTS ON PERSONAL GIT HOSTING

This dev experimented with hosting his personal Git projects on his own instance, using PikaPod to manage the server. He faced challenges moving away from GitHub, including network effects, difficulties with forking and discoverability, administrative overhead, and the loss of sponsorship opportunities. Despite these drawbacks, he plans to move smaller repos to his personal server while leaving popular ones on GitHub in order to try to decentralize his projects.

shkspr.mobi9 min read

I'VE TRIED SOLID.JS, NOW I'M STARTING TO HATE REACT

This dev recently started using Solid.js and now prefers it over React. He found Solid.js's reactivity model initially challenging but ultimately more efficient as it prevents unnecessary re-renders. Solid.js also has closer alignment with web platform standards like HTML.

alemtuzlak.hashnode.dev8 min read

03LAUNCHES & TOOLS

Sponsored

HOW DO YOU ADD FREE TRIALS TO YOUR SAAS?

Toggle it on. Clerk Billing does the rest. Introducing Free Trials in Clerk Billing. Stop gluing together trial logic, cancellation flows, and upgrade paths.

go.clerk.comSponsor

TERM.EVERYTHING

Term.everything is a Linux CLI program that lets users run GUI applications within their terminal by using a custom-built Wayland compositor. It supports running applications over SSH and rendering windows at varying resolutions, with the quality depending on the terminal's row and column count.

github.comGitHub repository

HAYSTACK EDITOR

Haystack is a GitHub app that streamlines code reviews for faster and more confident merging. It provides a logical, contextual view of changes, eliminating the need to jump between files.  Haystack also has variable tracking and caller identification for supported languages like Python, C++, and JavaScript.

haystackeditor.comTool

RIPPLE

Ripple is a TypeScript UI framework aimed at synthesizing the best aspects of React, Solid, and Svelte into a single package. It has reactive state management, a component-based architecture using JSX-like syntax, and fine-grained rendering for optimal performance. Ripple provides full TypeScript integration, VSCode support, and uses native control flow statements within templates.

ripplejs.comTool

04MISCELLANEOUS

THE ORIGIN STORY OF MERGE QUEUES

Merge queues have evolved from niche solutions to an important part of software engineering today. They help address the challenge of maintaining a stable main branch with multiple developers integrating code. Early experiments like Rust's Bors and Homu automated the process of testing pull requests before merging, preventing integration issues. This concept gained popularity until it became a built-in feature in platforms like GitLab and GitHub.

mergify.com14 min read

WHY DO BROWSERS THROTTLE JAVASCRIPT TIMERS?

JavaScript's setTimeout(0) can actually run 4 milliseconds later. A lot of websites spam setTimeout, so browsers set the delay to avoid draining users' batteries or other issues. Developers could just use other alternatives. While these options can still be abused, they are permitted for now.

nolanlawson.com8 min read

MICROSOFT GOES BACK TO BASIC, OPEN-SOURCES BILL GATES' CODE

Microsoft has open-sourced the original Microsoft BASIC for the 6502 Version 1.1, a foundational piece of software written by Bill Gates and Ric Weiland. This influential code has 6,955 lines of assembly language and powered early personal computers like the Commodore and Atari.

gizmodo.com6 min read