TLDR Index
TLDR Web Dev

TLDR WEB DEV 2023-11-21

5 sections14 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

CSS NESTING

This article discusses the introduction of native CSS nesting in major browsers like Chrome, Firefox, and Safari, a feature previously available only in CSS preprocessors (like Sass). It emphasizes the ease and benefits of using CSS nesting, providing various examples to illustrate its utility. Examples include nesting elements without a class or ID, using CSS combinators, and employing the ampersand symbol for more complex nesting scenarios. The article also showcases practical applications of CSS nesting in different contexts, such as styling post content and card components.

ishadeed.com9 min read

WHAT HAPPENS WHEN DATABASES CRASH?

Databases store tables and indexes in files, writing to data pages in memory, which are then written to disk. A challenge arises when there's a power loss or crash during writing, leading to corrupted files. To address this, databases use a Write-Ahead Log (WAL). This article describes how the WAL is used as a source of truth to help the database regain its bearings after a crash.

medium.com3 min read

DEVELOPING AN EFFECTIVE CI/CD PIPELINE FOR FRONTEND APPS

A CI/CD (Continuous Integration and Continuous Delivery/Deployment) pipeline automates various stages of the software development life cycle. It typically includes stages like coding, building, testing, releasing, deploying, monitoring, and planning. This article dives into best practices for an effective CI/CD pipeline, including making small, frequent changes, using feature flags, having rollback strategies, secure deployment strategies, prioritizing security, and fostering collaboration among all teams.

blog.logrocket.com7 min read

02OPINIONS & ADVICE

CLEVER CODE IS PROBABLY THE WORST CODE YOU COULD WRITE

Although clever code feels impressive to write, it’s often unmaintainable and unreasonable to write in production. Code that is easy to understand and readable is arguably harder to write than clever code. This article provides tips and resources, such as an email about coding style from John Carmack, for getting better at writing clear code, along with an anecdote about the difficulties of writing clear code.

open.substack.com5 min read

DATA-DRIVEN DEVELOPMENT IS A LIE

Data-driven development (DDD) is where logic is expressed through data structures rather than code. This article describes a typical DDD scenario in Clojure involving maps and rules for decision-making, highlighting how initially simple data-driven solutions can become complex and unwieldy as requirements evolve. The author criticizes the overselling of DDD in the community and advocates for a more balanced approach, suggesting that complex checks are often better implemented directly in Clojure rather than through a data-driven framework.

grishaev.me8 min read

03LAUNCHES & TOOLS

MAKE REAL STARTER

Make Real is built with tldraw, a React library for creating whiteboards and drawings on an infinite canvas. It allows users to draw a UI mockup and use GPT-4 to turn the image into an HTML file.

github.comGitHub repository

RIVER

River is a robust high-performance job processing system for Go and Postgres. It enqueues jobs transactionally with other database changes, resulting in whole classes of distributed systems problems being avoided. Jobs that are enqueued will be guaranteed only if their corresponding transaction successfully commits. Conversely, if a job’s transaction is rolled back, then that job will be removed. These jobs remain invisible and unavailable for work until the transaction is fully committed.

github.comGitHub repository

REACT JOYRIDE

React Joyride is a tool that lets you create guided tours of your React applications. It uses react-floater for styling and positioning and it gives you the capability to use your own components.

github.comGitHub repository

04MISCELLANEOUS

THE STATE OF THE DEVELOPER ECOSYSTEM

This report was created with the feedback and insights of 26,348 developers from around the world. It covers topics like programming languages, tools, and AI, touching a wide variety of disciplines including web development. For example, Rust is becoming more popular, while Scala is one of the highest-paid languages.

jetbrains.com8 min read

A SHORT HISTORY OF OPENAI

Sam Altman was removed as CEO of OpenAI on Friday, with exact reasons unknown. OpenAI, founded in 2015 as a non-profit by Altman and others, made significant strides in AI research, particularly in deep learning and reinforcement learning. In 2019, OpenAI transitioned to a capped-profit model to combine the aspects of for-profit and non-profit entities, leading to a complex corporate structure. The recent years saw the release of influential AI models like GPT-3 and DALL-E and the successful launch of ChatGPT.

open.substack.com6 min read