TLDR Web Dev

TLDR WEB DEV 2024-09-02

5 sections18 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

THE WEB'S CLIPBOARD, AND HOW IT STORES DATA OF DIFFERENT TYPES

The Clipboard API restricts the data types that can be written to the clipboard. While the Clipboard Events API allows for arbitrary data types, it can only be used in user-triggered events. This article goes into the creative solutions employed by web applications like Google Docs and Figma to overcome these limitations, such as by using custom data types and base64 encoding for transmitting information.

alexharri.com20 min read

IMPLEMENTING REACT FROM SCRATCH

This article details the process of building a React-like library from scratch, providing insights into its internal workings and design decisions. It starts by implementing a core rendering model, including components, virtual DOM, and reconciliation, showing how React constructs and updates the UI. It then goes into the implementation of essential hooks like `useState`, `useRef`, `useEffect`, and `useMemo`. Finally, the article discusses the implementation of `useCallback` and `useContext`, showing off the challenges and solutions involved in managing state and context sharing within a component tree.

rob.directory26 min read

JAVASCRIPT GENERATORS EXPLAINED, BUT ON A SENIOR-LEVEL

Generators in JavaScript are special functions that allow you to pause and resume execution, making them ideal for controlling when data is processed. They are especially useful for handling large datasets, asynchronous tasks, and complex iteration patterns.

reactsquad.io8 min read

02OPINIONS & ADVICE

FOUNDER MODE

Traditional management techniques for scaling startups are fundamentally flawed and detrimental to founder-led success. This post highlights Brian Chesky's experience at Airbnb, where following conventional wisdom led to disastrous results, prompting him to develop a new approach. This new approach, "founder mode," is characterized by closer engagement with the company, even at the detail level, and a willingness to break conventional norms.

paulgraham.com7 min read

WILLINGNESS TO LOOK STUPID

Often, people think they are stupid for asking certain questions. They shouldn't mind this, because they should prioritize learning and understanding over appearances. This willingness to ask seemingly "stupid" questions leads to deeper comprehension in the long run.

danluu.com29 min read

SHOULD YOU BECOME AN ENGINEERING MANAGER?

The choice between becoming a manager or staying as an individual contributor depends on your career goals and strengths. Managers focus on people management and team impact but have less control over their career growth, while ICs have more autonomy and career mobility.

open.substack.com4 min read

03LAUNCHES & TOOLS

Sponsored

🐛 DEBUGGING NEXT.JS TO SLASH API LOAD TIMES

Tired of staring at logs and opaque dashboards? There's an easier way to fix API bugs and performance issues. Join Dan Mindru (Morning Maker co-host) for a live coding session to see how he shaved off 22.3s of load time [11] using Sentry's Tracing and Session Replay. Submit your

sentry.ioSponsor

BLOCKS.MD

blocks.md is a tool that takes your Markdown files and turns them into forms and web pages that are customizable, accessible, and fully localizable.

blocks.mdTool

QRSVG

QRSVG is a small JavaScript project that renders two-dimensional bitmasks (mostly assumed to be QR codes) into SVG elements with a collection of SVG paths with defined purposes.

fietkau.softwareTool

ALGORA TV

Algora TV is an interactive livestreaming and video sharing service for developers. It's like an open-source Twitch.

github.comGitHub repository

04MISCELLANEOUS

GOING FAST SLOWLY

Despite the Varnish cache project having over 150,000 lines of code, the average productivity of the two main developers of the project over ten years is estimated at only 5 lines per hour. This low productivity is a result of prioritizing quality and correctness over speed, as shown by extensive testing, meticulous code style, and a focus on avoiding errors. The lack of user complaints about Varnish suggests that this approach has successfully achieved its goal of producing high-quality software.

varnish-cache.org5 min read

EXTREME PI BOOT OPTIMIZATION

This article goes over a developer's journey in optimizing the boot time of a Raspberry Pi Zero 2 W for a solar-powered WiFi camera. The goal was to minimize energy consumption by reducing both the boot time and the power draw during boot. Various hardware and software techniques were explored, including disabling unnecessary components, adjusting kernel settings, and creating a custom Buildroot system with a stripped-down kernel. By implementing these optimizations, the boot time was reduced from over 12 seconds to less than 3.5 seconds, resulting in a fivefold reduction in energy consumption.

kittenlabs.de11 min read

THE CONTINGENCY CONTINGENT: MY FAKE JOB IN Y2K PREPAREDNESS

In 1998, the author of this essay worked on a Y2K (the Year 2000 bug) preparedness project for a global advertising conglomerate. The project involved documenting the company's technological inventory and making sure it was ready for Y2K. Eventually, they realized the project was largely a sham designed to protect the company from potential legal liabilities.

nplusonemag.com36 min read