TLDR WEB DEV 2024-09-19

implementation and the results. Read the article

HOW DOES SESSION REPLAY WORK?

Session replay provides qualitative views of user interactions that have already happened. It works by reconstructing the changes made to the DOM rather than literally recording the screen. This involves re-applying the CSS to the HTML and using open-source software like rrweb to record and replay these DOM changes.

A MILESTONE FOR TYPESCRIPT PERFORMANCE IN TANSTACK ROUTER

TanStack Router, a type-safe routing library for TypeScript, made performance improvements to address a bottleneck in TypeScript's language service when handling large route trees. The issue stemmed from the language service having to infer types for the entire route tree, even when only a specific route was referenced. To solve this, TanStack Router introduced a new approach for file-based routing where the route tree is explicitly declared instead of inferred, allowing the language service to infer types only for the relevant route.

INTERNING IN GO

Go's new `unique` package can improve memory usage by interning objects, specifically strings, to avoid storing duplicate copies. Interning, by reusing identical objects, reduces memory usage compared to other approaches. This post illustrates this through a program that processes a large text file, identifying all words starting with "B" and comparing the memory usage of different methods: storing references, cloning strings, and using the `unique` package.

REMIX'S CONCURRENT SUBMISSIONS ARE FUNDAMENTALLY FLAWED (WITHOUT CAUSAL ORDERING)

Remix's approach to concurrent submissions, using a "submission and revalidation" pattern, is fundamentally flawed. It leads to unnecessary latency and introduces race conditions where the UI can display outdated information, even after users have submitted changes. There are two solutions: Causal ordering, which makes sure requests are processed in the order they depend on each other, and Persistence, where a connection is maintained between the client and server to guarantee ordered processing.

THE HIDDEN COSTS OF OVER-COLLABORATION

Over-reliance on collaboration has hidden costs. Excessive collaboration can reduce overall output due to time spent in meetings and can create expensive interactions between teams that are not always necessary. It can also hide deeper-rooted problems, like inefficient workflows and unclear team boundaries.

STOP LEARNING TO GIVE FEEDBACK. LEARN TO RECEIVE IT

Receiving feedback well means approaching feedback with curiosity and seeking clarification when possible. It's also important to avoid immediate counterarguments when receiving feedback and instead create a safe environment for the feedback giver to be honest with you.

virtually for free.

NITRO

Nitro is a framework for developing high-performance native modules in React Native. It achieves this through hybrid objects, which are native objects implemented in C++, Swift, or Kotlin that provide direct access to native functionalities. Nitro uses a lightweight layer built on JSI and bridges directly to Swift and Kotlin while still prioritizing type safety and null-safety by using a code-generator to make sure that TypeScript specifications are the single source of truth for both JavaScript and native code.

ELECTRICO

Electrico is a lightweight, cross-platform alternative to Electron that uses Rust and Javascript to emulate Electron and Node APIs within embedded WebViews. This lets users run Electron apps without bundling Node.js and Chromium.

FARMHASH

This is a Node.js implementation of FarmHash, Google's family of high performance hash functions. It offers various hash and fingerprint functions with different bit lengths and seeding options.

WHY WORDFREQ WILL NOT BE UPDATED

wordfreq provided snapshots of language usage up to 2021 - it will not be updated anymore due to several reasons. First, the rise of generative AI has contaminated online data with AI-generated text, making it difficult to accurately represent human language usage. Second, previously free sources of data, like Twitter and Reddit, have become inaccessible or expensive, making it impractical to collect new data. Finally, its developer has become disillusioned with the current state of natural language processing.

A GENTLE GUIDE TO SELF-HOSTING YOUR SOFTWARE

This is a guide for beginners on self-hosting software and using Uberspace as a platform that emphasizes the software aspect rather than complex hardware setup. The author goes through the process of self-hosting two example apps.

REACT 19 CHEAT SHEET

A downloadable cheat sheet for all of the new features in React 19.

GITHUB TRICK TO FIND THE COMMIT THAT DELETED A FILE

You can use git log -- /path/to/deleted/file to find the commit that deleted a file in your local repo, and you can do the same on a hosted repo with https://github.com/⟦user⟧/⟦project⟧/commits/⟦branch⟧/⟦path/to/deleted/file⟧.

THE EMPIRE OF C++ STRIKES BACK WITH SAFE C++ PROPOSAL

A new proposal addresses C++'s memory safety vulnerabilities by introducing features similar to Rust, allowing developers to write safer code without needing to rewrite their projects in a different language.

APPLE MOBILE PROCESSORS ARE NOW MADE IN AMERICA. BY TSMC

Apple is the first customer for TSMC's new Arizona chip fabrication facility, producing its A16 mobile processors for the iPhone on American soil.