TLDR Web Dev

TLDR WEB DEV 2024-05-13

6 sections17 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

Sponsored

Traditional QA solutions take years to scale, and high test coverage is never guaranteed. Consider QA Wolf [4] - a new approach to getting 80% test coverage in just 4 months. They'll build and maintain your test suite in Playwright (no vendor lock-in, you own the code) + include unlimited parallel test runs on their infrastructure. And they guarantee zero flakes [4].

links.tldrnewsletter.comSponsor

02ARTICLES & TUTORIALS

LESSONS LEARNED REINVENTING THE PYTHON NOTEBOOK

This article goes through Marimo and addresses the shortcomings of traditional IPython notebooks. It uses a directed acyclic graph (DAG) to model dependencies between cells to eliminate hidden state and guarantee code/output consistency. To be maintainable, the notebook files are pure Python, making them easy to version, share, and run as standalone scripts or web applications.

marimo.io11 min read

THE API DATABASE ARCHITECTURE - STOP WRITING HTTP-GET ENDPOINTS

Instead of writing HTTP GET endpoints manually, it might be better to use a PostgREST server that directly exposes (with security enabled) database views and tables. This allows data modification to be handled by the existing backend. It also allows adjustments of HTTP-GET APIs through SQL views.

fabianzeindl.com10 min read

03OPINIONS & ADVICE

YOU DON'T NEED A CSS FRAMEWORK

CSS frameworks can help in the early stages of development, offering speed and consistency, but they become difficult to maintain over time. The alternative is to build your own custom CSS, either from scratch or using a starter codebase. Modern CSS features make the need for preprocessors less necessary.

infoq.com9 min read

THE THREAT TO OPEN SOURCE COMES FROM WITHIN

The open-source software community is facing threats from both external and internal sources. While the recent attack on the XZ library by a state-sponsored actor shows the community is still strong, internal conflicts arising from licensing disagreements and accusations of code theft are a more serious threat. These conflicts are due to competing interests between cloud companies who seek to profit from OSS and OSS companies seeking sustainable business models.

newsletter.goodtechthings.com10 min read

PERCEIVED DIFFICULTY IS A PRODUCTIVITY KILLER: HOW TO BUILD FOCUS

To overcome the perceived difficulty of new, challenging tasks, block distractions and break down the problem into smaller achievable goals. Then, once you've gained momentum, don't stop until you reach a natural stopping point.

newsletter.techleadmentor.com4 min read

04LAUNCHES & TOOLS

HEADLESS UI V2.0

Headless UI is a collection of unstyled UI components for React and Vue that integrate easily with Tailwind CSS. Headless UI v2.0 introduces new features like built-in anchor positioning, a checkbox component, and improved accessibility for faster UI development.

headlessui.comTool

OMNICLIP

Omniclip is an open-source video-editing application for the web browser. All videos edited using Omniclip are stored and edited locally. It features trimming, splitting, rendering, and adding text, audio, video, and images.

github.comGitHub repository

JAM.DEV

Jam is a browser extension that allows you to create a bug report on a web page with one click. Upon clicking, the extension will capture an instant replay of the bug happening on your web app and include all of the developer logs.

jam.devTool

05MISCELLANEOUS

STACK OVERFLOW USERS SABOTAGE THEIR POSTS AFTER OPENAI DEAL

Stack Overflow users are upset about the site's new partnership with OpenAI, which will use Stack Overflow's content to train OpenAI's AI models. In protest, users are deleting or altering their posts, while Stack Overflow is banning them for doing so.

wired.com4 min read

LET'S COMPILE LIKE IT'S 1992

This is a tutorial on how to compile the 1992 source code for Wolfenstein 3D on modern systems. The process involves setting up a DOS environment using DosBox, installing the Borland C++ 3.1 compiler, and then linking and compiling the game files.

fabiensanglard.net5 min read

THE ANATOMY OF A SUCCESSFUL TEAM SQUAD

The Spotify Squad Model has small, cross-functional teams called squads that are given a lot of autonomy. This author successfully implemented a hybrid approach, creating temporary squads for specific projects while maintaining the traditional team structure. For teams or companies considering using this model, they recommend starting small or with a specific project and then gauging its effectiveness from there.

open.substack.com12 min read