The Daily Index — Tuesday, April 9, 2024 · TLDR Index

ARTICLES & TUTORIALS

TLDR Web Dev

TLDR Web Dev

HOW DOES USEOPTIMISTIC() WORK INTERNALLY IN REACT?

Optimistic UI is a technique used to improve the perceived performance of web applications by updating the UI instantly in response to user actions, even before getting a response from the server. React's experimental hook useOptimistic() simplifies the implementation of Optimistic UI by providing a way to manage temporary optimistic state alongside the true state. Internally, useOptimistic() leverages React's update mechanism but adds a special revertLane for easy switching between optimistic and true states.

jser.dev · 29 min

TLDR Web Dev

HOW TO THINK ABOUT HTML RESPONSIVE IMAGES

Responsive images in HTML are a way to provide multiple versions of an image, optimized for different screen sizes, resolutions, and layout conditions. The browser will automatically select the most appropriate image source for the current display and layout. To implement responsive images, you can use the srcset and sizes attributes on the `img` element, or use the `picture` and `source` elements for more advanced techniques like art direction. Modern browsers also support features such as lazy loading with sizes=auto.

danburzo.ro · 18 min

TLDR Web Dev

503 DAYS WORKING FULL-TIME ON FOSS: LESSONS LEARNED

This author worked full-time on an open-source project for 503 days and learned a large number of lessons, such as how to interact properly with project users and contributors. He shares the importance of using your online presence to find opportunities and embracing feedback during code reviews instead of being defensive.

mathspp.com · 18 min

TLDR Web Dev

MANAGING UP (IRINA'S VERSION)

Managing up is about helping your manager help you, improving your work relationship and team success by understanding their needs, and aligning your efforts with their goals. This strategy includes effective communication, proactive sharing of goals and challenges, and offering solutions that can make the team better.

thecaringtechie.com · 8 min

TLDR Web Dev

HOW TO MAKE ARCHITECTURE DECISIONS

Architects should help guide engineering teams by making strategic, high-impact decisions while still allowing team members to have ownership of various parts of the team’s overall work. This means carefully considering decisions and their reversibility, along with documenting potential impact before acting.

ben-morris.com · 6 min

TLDR Web Dev

3D DOM VIEWER (GITHUB GIST)

A code snippet you can paste into your dev console on any website. It allows you to visualize the DOM of a webpage in 3D.

gist.github.com

TLDR Web Dev

HOW ENGINEERS AT DIGITAL EQUIPMENT CORP. SAVED ETHERNET

Ethernet faced challenges from competing technologies and inherent limits in its original design during the 1980s. Digital Equipment Corp. engineer Mark Kempf's invention of the learning bridge, a device that selectively forwards packets between Ethernet LANs, addressed these challenges and allowed for the migration to Ethernet.

spectrum.ieee.org · 7 min

TLDR Web Dev

MAJOR DATA CENTER POWER FAILURE (AGAIN): CLOUDFLARE CODE ORANGE TESTED

Cloudflare experienced a major power failure at a critical data center for the second time in five months, providing a real-world test of the resilience improvements initiated following the first incident. Code Orange, a company-wide initiative to prioritize reliability, led teams across Cloudflare to make their systems more resilient. The most recent outage resulted in significantly less downtime and impact on customer-facing services compared to the prior event.

blog.cloudflare.com · 9 min

TLDR Web Dev

A DESIGN RESET (PART I)

Linear has completely redesigned its application to address design debt, realign with evolving business goals, and continue improving their user experience.

linear.app · 6 min

TLDR Web Dev

DON'T LET PERFECTIONISM STALL YOUR SOFTWARE DEVELOPMENT PROJECT

Software is never truly done. Instead of chasing perfectionism, use timeboxing and user feedback to make software better.

spin.atomicobject.com · 6 min

TLDR Web Dev

CLOUDFLARE’S BIG WEEK

Cloudflare launched twenty new products for developers and a system for easier coding on its platform, such as introducing a JavaScript-native RPC system for streamlined Cloudflare Workers communication.

bytes.dev · 2 min