TLDR WEB DEV 2024-11-18

Attend live on December 12 →

HOW WE MADE A RUBY METHOD 200X FASTER

A performance regression in Campsite's API was identified through observability tools after code was refactored to transform rich text into plain text and Markdown. Profiling revealed that the bottleneck was the use of a certain node lookup. This was replaced with a more efficient HANDLERS_BY_NODE_NAMES hash lookup, which reduced processing time from 200ms to under 1ms.

THE PRACTICAL GUIDE TO SCALING DJANGO

Common performance bottlenecks in Django include database queries, template rendering, Python processing, cache misses, file I/O, and network latency. This guide details optimization techniques for each bottleneck, including database query optimization, caching strategies (view-level, fragment, and low-level API), asynchronous operations, background tasks, load balancing, and content delivery network (CDN) usage.

OPTIMIZERS: THE LOW-KEY MVP

DuckDB's query optimizer improves query performance, often by orders of magnitude, compared to both unoptimized and even hand-optimized queries. This improvement stems from several optimization rules, including filter pushdown, join order optimization, and TopN optimization, which automatically adapts to changing data conditions.

GOOD SOFTWARE DEVELOPMENT HABITS

This developer writes about a few software development habits that have helped him write better software faster. They focus on writing small commits frequently, refactoring continuously, and deploying often. They also often write tests first to define API structures early.

YOU CAN'T BUILD INTERACTIVE WEB APPS EXCEPT AS SINGLE PAGE APPLICATIONS... AND OTHER MYTHS

Modern browsers, coupled with technologies like service workers and the Speculation Rules API, significantly improve Multi-Page-Application (MPA) performance, addressing issues like slow page transitions and offline capabilities. Specific techniques, such as caching strategies and Workbox for service worker automation, can be used to make MPAs more efficient. Interactive web apps aren't only for Single Page Applications (SPAs).

WILL WE CARE ABOUT FRAMEWORKS IN THE FUTURE?

AI agents will make traditional frameworks and architectural patterns obsolete as LLMs generate increasingly independent, vanilla code.

Register for GameDay

USE-LOCAL-STORAGE-STATE

A simple React hook that persists data in localStorage.

FAST GRID

Fast Grid is a performant multithreaded web table that's capable of running at 120FPS while sorting, filtering, and scrolling simultaneously.

LITERAL

Literal is a Ruby runtime type checker that provides types, structured objects, properties, and enums. Its built-in types include generic structures that enable some cool use cases like checking an array is all integers.

WHY DID WINDOWS 95 SETUP USE THREE OPERATING SYSTEMS?

Windows 95's setup process utilized three operating systems (MS-DOS, Windows 3.1, and Windows 95) to handle upgrades from various starting points. Instead of creating three separate setup programs, developers cleverly designed a chained system using an MS-DOS program to install a minimal Windows 3.1 version, followed by a 16-bit Windows program for core setup tasks, and finally a 32-bit Windows 95 program for final configurations, which minimized code duplication.

HOW A BBC NAVIGATION BAR COMPONENT BROKE DEPENDING ON WHICH EXTERNAL MONITOR IT WAS ON

A bug on the BBC website's ‘More' button occurred only on external monitors positioned above the main screen due to issues with negative screen coordinates in Chrome and Firefox. The fix involved updating the event handler to check for both positive and negative screenX and screenY values.

YC IS WRONG ABOUT LLMS FOR CHIP DESIGN

LLMs produce mediocre Verilog code and cannot design novel chip architectures, unlike skilled engineers. While LLMs can reduce chip design costs, benefiting large companies and potentially smaller startups by enabling leaner teams, they won't create significantly superior chips or open new markets.

REVERSE ENGINEERING IOS 18 INACTIVITY REBOOT

iOS 18 introduces an inactivity reboot feature that automatically restarts the device after 72 hours of inactivity, requiring any attacker to have kernel-level access within that timeframe to bypass data encryption.

MAP MATRIX

Map Matrix is a React application for comparing multiple maps simultaneously.

YOU CAN GROW YOUR DEVELOPER INTUITION

Software development is an artistic endeavor that relies heavily on developer intuition, which can be cultivated through deliberate practice, pattern recognition training, experiential learning, and reflection.