TLDR Web Dev

TLDR WEB DEV 2024-05-23

5 sections16 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

SPEEDING UP FILE LOAD TIMES, ONE PAGE AT A TIME

Figma improved the load times of large and complex files by dynamically loading content as needed instead of all at once. It used its existing dependency framework, QueryGraph, to track and load read and write dependencies across pages. The Figma team implemented a shadow mode for validating dependencies and making sure data stayed consistent across unloaded pages.

figma.com14 min read

REACT 19 LETS YOU WRITE IMPOSSIBLE COMPONENTS

React 19 has features like Server Components and Server Actions, which optimize performance and simplify data handling by shifting more logic to the server. Server Actions make API endpoint creation and form handling easier by automatically managing pending UI states, error handling, and optimistic UI updates.

mux.com13 min read

THE CURIOUS CASE OF THE MISSING PERIOD

A client using custom document templates for customer communication experienced a recurring issue where periods would disappear from emails sent to specific customers. The bug was traced back to an SMTP client implementation that incorrectly handled lines starting with a period. A similar problem showed up later when a different team failed to patch the bug, resulting in some customers receiving incorrect billing information in their emails.

tjaart.substack.com12 min read

02OPINIONS & ADVICE

S3 IS SHOWING ITS AGE

S3, Amazon's object storage service, is missing features like compare-and-swap (CAS), multi-region buckets, and object appends. S3 Express One Zone, S3's faster alternative, lacks many standard S3 features and has high storage costs. As S3 continues to not have these modern features, developers will have to either build workarounds or move on to an S3 alternative.

materializedview.io4 min read

03LAUNCHES & TOOLS

Sponsored

LOST THE JOY OF PROGRAMMING? TRY BUILDING PROJECTS FOR THE HECK OF IT

Ever wanted to build Git, BitTorrent, or SQLite from scratch? If that sounds like a good time to you, you're in for a treat. CodeCrafters lets you build complex projects in a hands-on, structured environment [10]. This is the most fun you can have while also becoming a

codecrafters.ioSponsor

NEOSYNC

Neosync is an open-source way to anonymize PII, generate synthetic data, and sync environments for a better developer experience. Developers can safely test code against production data, reproduce prod bugs locally, and fix broken staging environments.

github.comGitHub repository

LEGEND-STATE 3.0 ALPHA

Legend-State is a state library for JavaScript and React/React Native applications. 3.0 Alpha now has an offline-first, error-resilient sync system. It comes with new persistence and sync plugins for Supabase and TanStack Query.

threadreaderapp.com2 min read

JIRA.JS

Jira.js is a Node and browser module that allows developers to interact with the Jira Cloud API, Jira Agile Cloud API, and Jira ServiceDesk Cloud API.

github.comGitHub repository

04MISCELLANEOUS

HOW I MADE GOOGLE'S “WEB” VIEW MY DEFAULT SEARCH

Google recently added a "Web" filter that provides a simplified search results page similar to what Google looked like a decade ago, without the added information and ads. This feature is currently hidden under the "More" menu, but users can access it directly by adding "udm=14" to the search URL or customizing their browser's search settings.

tedium.co5 min read

SYSTEMATICALLY IMPROVING YOUR RAG

To improve your RAG system, create synthetic questions and answers to evaluate precision and recall, then combine full-text and vector search for the best retrieval. RAG systems should have user feedback mechanisms to gather system performance data.

jxnl.co9 min read