TLDR Index
TLDR Web Dev

TLDR WEB DEV 2025-01-08

6 sections17 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

02ARTICLES & TUTORIALS

BALANCING TEXT IN CSS

Balanced text makes web pages look better. New CSS features, such as text-wrap: balance and text-wrap: pretty, provide native solutions for text wrapping by evenly distributing content across lines or addressing orphan words easily. However, they still have some limitations, like line count constraints and spacing issues.

ishadeed.com9 min read

HOW CLOUDFLARE MITIGATES THOUSANDS OF DDOS ATTACKS EVERY HOUR

Cloudflare mitigates an average of 2,200 DDoS attacks per hour. It measures attack size using metrics like bits per second (BPS), requests per second (RPS), and packets per second (PPS), analyzing attack vectors, targets, and payload signatures to identify and fingerprint attacks. Cloudflare has multiple protection strategies, like rate limiting, caching, CDNs, reducing attack surface, continuous monitoring, and machine learning.

blog.quastor.org7 min read

AUTOMATED ACCESSIBILITY TESTING AT SLACK

Slack implemented automated accessibility testing using Axe, integrating it with their Playwright E2E framework to identify WCAG violations. They had initial challenges integrating Axe directly into their React Testing Library, but were able to successfully implement a system where accessibility checks run alongside existing tests, reporting critical violations. The full process includes a custom Playwright fixture to simplify test creation and uses an environment flag to control test execution on-demand, scheduled, and with CI.

slack.engineering13 min read

03OPINIONS & ADVICE

MISTAKES ENGINEERS MAKE IN LARGE ESTABLISHED CODEBASES

Working in large, established codebases is challenging, requiring skills not learned in smaller projects or open source contributions. The most important skill is maintaining consistency by following existing code patterns and avoiding isolated, "clean" implementations. Understanding the codebase's production usage, particularly high-traffic areas, is also really important, as is careful testing and monitoring due to the impossibility of exhaustive testing.

seangoedecke.com8 min read

17 TIPS FROM A SENIOR REACT DEVELOPER

A senior React developer at Palantir shares 17 tips for React, advising new engineers to build projects, read a lot of code, and be careful of mindlessly following online advice. He also shares practical development techniques to optimize bundle size, keep components simple, and keep code maintainable when working in teams.

frontendjoy.com8 min read

MAGIC/TRAGIC EMAIL LINKS: DON'T MAKE THEM THE ONLY OPTION

The increasing use of "magic links" (email login links) as the sole authentication method is annoying. While they offer improved security over passwords, they present significant usability issues for users with multiple devices.

recyclebin.zip3 min read

04LAUNCHES & TOOLS

NODE.JS NOW SUPPORTS TYPESCRIPT BY DEFAULT

Node.js version 23 will natively support TypeScript, allowing users to run `.ts` files without extra configuration. Node does this by stripping type information using swc before execution. However, type checking must be done separately using `tsc`.

totaltypescript.com5 min read

ADMINFORTH

AdminForth is a Node and Vue-based open-source framework for building customizable and secure admin panels quickly. It has features like user management, AI autocomplete, audit logging, and 2FA.

adminforth.devTool

21ST.DEV

21st.dev is an open-source registry of React UI components built with Tailwind CSS and Radix UI, allowing users to easily publish and install components with npx shadcn.

21st.devTool

05MISCELLANEOUS

APPLE AND THE AI DIVIDE

There's a growing divide between companies enthusiastically integrating AI into their products and a public increasingly wary of AI's ethical implications and potential misuse. Apple's rushed adoption of AI features is an example of this disconnect.

anderegg.ca5 min read

HOW AIRBNB BUILT A KEY-VALUE STORE FOR PETABYTES OF DATA

Airbnb's derived data infrastructure evolved from HFileService, a read-only batch processing system, to Nebula, which combined batch and real-time data but suffered from inefficiencies and complexity. To overcome these challenges, Airbnb developed Mussel, a scalable, low-latency key-value store using technologies like Apache Helix, Kafka, and HRegion to handle real-time and batch data seamlessly. Mussel now supports over 130TB of data with high availability and sub-8ms read latency.

blog.bytebytego.com8 min read

LAID OFF FOR THE FIRST TIME IN MY CAREER, AND TWICE IN ONE YEAR

This developer was laid off twice within a year, first during paternity leave and then shortly before Christmas. Both experiences, though initially shocking and emotionally challenging, led to new job searches. The developer goes over their job hunting strategies, including how they networked, sent out targeted applications, and refined their resume.

dillonshook.com10 min read