TLDR Web Dev 2024-06-10

How Google uses AI internally 🤖, $10k ChatGPT mistake 📉, VisionOS from scratch 🥽

Articles & Tutorials

AI in software engineering at Google: Progress and the path ahead (8 minute read)

Google has integrated AI into its internal software development tools, with developers now using AI-based code completion for 50% of code characters. It has improved both model accuracy and user experience, and the company plans to further leverage AI in areas like testing, code understanding, and code maintenance. The industry as a whole is moving towards adding natural language as a common interface for software engineering tasks, like fixing bugs and writing new code.

Prerender pages in Chrome for instant page navigations (25 minute read)

Chrome has reintroduced full prerendering of pages to improve navigation speed by using the address bar, bookmarks, search suggestions, and the Speculation Rules API. This feature enables near-instant page loads by opening pages in a hidden background tab and activating them when needed.

I tried React Compiler today, and guess what… (21 minute read)

React Compiler is an experimental tool that aims to automate the memoization of components and dependencies Initial tests on simple examples showed promising results, with the Compiler successfully eliminating unnecessary re-renders. However, when applied to real-world applications, the Compiler struggles with complex scenarios and requires developers to have a deep understanding of memoization techniques and React's internal workings to make necessary code adjustments for optimal Compiler results.
Opinions & Advice

Hanlon's Razor - Mental Model (4 minute read)

Hanlon's razor is a mental model that states one should not attribute to malice what can be adequately explained by stupidity. This engineering manager found this model helpful in promoting understanding and empathy at work by avoiding assumptions of bad intentions. They instead recommend focusing on improving a lack of skills or experience instead of blaming others for mistakes or miscommunication.

My Month Without a Smartphone (10 minute read)

This author replaced his smartphone with a flip phone for a month. This experiment led to huge improvements in his focus, awareness, and engagement with others, but also presented challenges like difficulty managing his schedule and navigating traffic.
Launches & Tools

Inspectus (GitHub Repo)

Inspectus is a visualization tool for large language models. It runs in Jupyter Notebooks via an easy-to-use Python API. Inspectus provides multiple views to show insights into language model behaviors.

TEO (Website)

Teo is a schema-driven web server framework. The server-side API is native to Rust, Node.js, and Python. It supports automatic database migration, generated ORM types and interfaces, generated frontend query clients, custom route handlers, and more.

Piku (GitHub Repo)

Piku allows you to do git push deployments to your own servers.

How a single ChatGPT mistake cost us $10,000+ (5 minute read)

A startup lost $10,000 due to a single mistake in its code that was generated by ChatGPT. This bug caused a unique ID collision in its subscription process, preventing new users from signing up. Its backend setup had multiple instances, which masked the problem during the day due to frequent deployments but caused it to surface at night when deployments stopped.

The Backrooms of the Internet Archive (6 minute read)

The Backrooms is an internet legend based on an image of an empty series of rooms, which gained popularity in 2019 when it was connected to a “creepypasta” story about an endless, maze-like dimension. This led to the creation of numerous games and videos based on the Backrooms concept, which often went viral. However, the mystery of the original photograph was recently solved - it was found to have been taken in 2003 during the renovation of a furniture store in Wisconsin and preserved by the Internet Archive's Wayback Machine.

The Weird Nerd comes with trade-offs (11 minute read)

Katalin Karikó, a Nobel Prize winner, faced criticism for expressing her dislike for the political aspect of academia, highlighting the challenges faced by "Weird Nerds" in such environments. “Weird Nerds” have an unyielding devotion to Truth, often placing it above social graces or conventional norms. These individuals usually have unique talents and intellectual courage, but struggle with the social and political aspects of academic life. A lack of "Weird Nerd-friendly" environments can hinder their contributions and potentially lead to a loss of valuable talent.
Quick Links

Compilers are (too) smart (3 minute read)

Unexpected assembly code discovered in a function using std::unordered_map::find turned out to be a complex method for counting set bits used by the Clang compiler to optimize the conversion of large hash values.

How To Use Corepack (2 minute read)

Corepack, a tool bundled with Node.js, simplifies package manager usage by making sure the correct version is used for each project and providing error messages for mismatches.

So You Want To Build A Browser Engine (6 minute read)

Building a competitive browser engine requires prioritizing security and performance, content main thread sanctity, fast JS-DOM calls, page load performance, scrolling and animations, typing latency, and quality video playback.

I rebuilt the visionOS from scratch (14 minute video)

The creator of this video built a clone of visionOS to better learn how it works under the hood.
Get our free, 5-minute newsletter read by 350,000 frontend, backend, and full stack developers
Join 300,000 readers for