TLDR Index
TLDR Web Dev

TLDR WEB DEV 2024-04-16

5 sections17 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

CSS IN REACT SERVER COMPONENTS

React Server Components (RSCs) allow server-exclusive code, which can lead to better performance. However, this means that popular styling options, like CSS-in-JS libraries which rely on React's lifecycle, can conflict with RSCs. RSC's server-side focus clashes with the browser-centric nature of traditional CSS-in-JS libraries, but there are “zero-runtime” CSS-in-JS libraries that are fully compatible with RSCs today. If your application doesn't use these and already has a good “time-to-interactive” time, then migrating to these libraries is not worth it.

joshwcomeau.com24 min read

HOW TO WRITE A CODE FORMATTER

This article is a detailed walkthrough in building a basic code formatter, with code examples along the way. To create a code formatter, first transform the code into an abstract syntax tree (AST) and then build a formatting tree using nodes that represent concepts like text, whitespace, and indentation. Traverse the formatting tree, rendering each node into the final formatted code.

yorickpeterse.com27 min read

DB INDEXES DO NOT MAGICALLY COMPOSE

Database indexes are similar to organized lists that help you find information quickly. To be most effective, indexes should align closely with how you typically query your data. Indexes don't magically work well at random and take careful thought to get correct.

rtpg.co4 min read

02OPINIONS & ADVICE

HOW TO SUCCEED AS A DATA ENGINEER WITHOUT THE BURNOUT

Data engineers can avoid burnout and build effective data platforms by aligning the infrastructure with business needs, automating tasks, and prioritizing reliability. They should monitor infrastructure proactively and plan for failures ahead of time.

stackoverflow.blog13 min read

NAVIGATING CODE REVIEWS AS A CODE AUTHOR

A code author should have a growth mindset and approach code reviews as an opportunity to learn. A fixed-mindset code author views feedback during code reviews in a defensive way.

tmsd.substack.com7 min read

03LAUNCHES & TOOLS

STOP CODING FORMS WITH A FULLY-INTEGRATED DRAG-AND-DROP FORM BUILDER (SPONSORED)

Tired of coding forms? With SurveyJS UI components [9], you can generate and style dynamic JSON-based forms of any complexity right in your JavaScript application with no need for manual coding. The libraries utilize JSON objects for both form metadata and results, and support seamless integration with any backend system. You can render your custom forms and collect responses, while retaining full control over your data.

surveyjs.io

SEMANTIC AUTOCOMPLETE

Semantic Autocomplete is a performant React component that extends Material UI's autocomplete component with a local, quantized ML model. The model is used to perform similarity search and helps match by meaning, not just letters. The component is full-featured and doesn't require any extending.

github.comGitHub repository

MORPHIC

An AI-powered answer engine with a generative UI.

github.comGitHub repository

MARKDOWNDOWN

Convert any webpage to Markdown with images included.

markdowndown.vercel.appTool

04MISCELLANEOUS

WEIRD MONITOR BUGS PEOPLE SENT ME IN THE LAST 5 YEARS

This author, who develops an app that controls monitor settings, has observed unusual monitor bugs over the years. These bugs include monitors randomly swapping positions after standby, turning monochrome unexpectedly, blacking out after receiving specific commands, and ignoring input switching or mute commands. Monitors often have faulty firmware and weird workarounds to these problems.

notes.alinpanaitiu.com8 min read

HOW DO MACHINES ‘GROK' DATA?

Researchers have discovered that overtrained neural networks can develop unexpected and innovative solutions to problems, a phenomenon they have termed “grokking". These grokked networks solve problems like modular arithmetic using mathematical manipulations that mimic trigonometric functions.

quantamagazine.org10 min read

THE ONE BILLION ROW CHALLENGE IN CUDA: FROM 17M TO 17S

This author attempted to solve the One Billion Row Challenge using CUDA to much success. While a pure C++ solution took 16.5 minutes, the CUDA solution achieved a 60X speedup, completing in 16.8 seconds.

tspeterkim.github.io10 min read