TLDR Web Dev

TLDR WEB DEV 2024-05-10

6 sections13 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

Sponsored

THE 'HOW TO' CONFERENCES FOR BOOSTING ENGINEERING IMPACT

A good engineering conference is hard to come by. More often than not, any real signal is buried under the noise of vendor pitches. Want something a bit more value-driven? The LeadDev community has you covered. Join your peers (in-person) and discover how the best engineering leaders make it work.

leaddev.comSponsor

02ARTICLES & TUTORIALS

WHY REACT RE-RENDERS

Many developers work professionally with React for years without understanding how its re-rendering process works. This tutorial helps readers build a mental model for when and why React re-renders and how to tell why a specific component re-rendered. Knowing how React's render cycle works can help developers understand when to use React.memo and when to wrap functions in useCallback.

joshwcomeau.com17 min read

PROTOBUF EDITIONS ARE HERE: DON'T PANIC

Google has introduced Protobuf Editions, a new feature flag system that lets plugin maintainers granularly control the behavior of generated APIs and runtimes. Editions combines existing proto2 and proto3 functionality and is backwards-compatible. It is recommended that developers stick with proto3 for now.

buf.build8 min read

03OPINIONS & ADVICE

IT'S ALWAYS TCP_NODELAY. EVERY DAMN TIME

Nagle's algorithm, designed in the 1980s to reduce network overhead from small packets, often causes latency problems in modern distributed systems. This developer argues that TCP_NODELAY (which disables Nagle's algorithm) should be the default behavior on modern systems.

brooker.co.za5 min read

04LAUNCHES & TOOLS

CODEHELIUM

CodeHelium is a React editor component that compiles, executes, and returns the outputs of any user-written Python code using WebAssembly.

github.comGitHub repository

COMMAND-K

Command-K Is a React component for command menus. You render items within the menu and the component will automatically filter and sort them.

github.comGitHub repository

TINY WORLD MAP

tinyworldmap is a lightweight map library for web apps that need to function offline or on low-bandwidth connections. It integrates with Leaflet and offers customization options like city labels and borders.

github.comGitHub repository

05MISCELLANEOUS

I REVIEWED 1,000S OF GRAPHQL VS. REST PERSPECTIVES

GraphQL has a great developer experience, but also introduces complexity in areas like caching, access control, and performance optimization. REST APIs are usually a better starting point for most teams.

konfigthis.com10 min read

RUBY TYPING 2024: RBS, STEEP, RBS COLLECTIONS, SUBJECTIVE FEELINGS

This developer wanted to add static type checking to their Ruby gem but found RBS, the recommended approach, to be inconvenient. RBS requires maintaining separate type definition files and has limited support for tools like RSpec. Sorbet, an alternative approach, might have been a better choice.

brandur.org7 min read