TLDR Web Dev 2024-05-13

Stack Overflow protests šŸ„·, Headless UI 2.0 šŸŽ, open-source web video editor šŸŽ„

šŸ§‘ā€šŸ’»
Articles & Tutorials

The API database architecture - Stop writing HTTP-GET endpoints (10 minute read)

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.

Lessons learned reinventing the Python notebook (11 minute read)

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.
šŸ§ 
Opinions & Advice

You Don't Need a CSS Framework (9 minute read)

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.

Perceived Difficulty is a Productivity Killer: How to Build Focus (4 minute read)

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.

The threat to open source comes from within (10 minute read)

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.
šŸš€
Launches & Tools

Jam.dev (Website)

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.

Omniclip (GitHub Repo)

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.

Headless UI v2.0 (Website)

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.
šŸŽ
Miscellaneous

Let's Compile like it's 1992 (5 minute read)

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.

Stack Overflow users sabotage their posts after OpenAI deal (4 minute read)

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.

The Anatomy of a Successful Team Squad (12 minute read)

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.
āš”ļø
Quick Links

Android in the time of AI (2 minute read)

In the AI era, Android needs to leverage its strengths, such as access to user data and integration with the wider Google ecosystem, to deliver AI features that go beyond just surface-level "party tricks."

100,000 Stars (Website)

100,000 Stars is an interactive visualization of the stellar neighborhood created for the Google Chrome web browser.

Microsoft Donates $1 Million to Rust Foundation (3 minute read)

Microsoft has donated $1 million to the Rust Foundation to support the language's infrastructure and fellowship program and to help ease the workload of maintainers.

The Software Behind Silicon (76 minute audio)

This is an interview (with a transcript available) with Aart de Geus (co-founder of Synopsys) and Sassin Ghazi (CEO of Synopsys) about the software that powers the design and manufacturing of semiconductors.
Get our free, 5-minute newsletter read by 350,000 frontend, backend, and full stack developers
Join 300,000 readers for