TLDR Web Dev

TLDR WEB DEV 2023-12-14

6 sections15 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

Sponsored

CONSOLE, AND MORE

API development just got a power boost with the latest features added to the Postman VS Code extension: 🏃 Collection Runner [7]: Test API functionality by running a collection’s requests in a specified sequence and logging the results. Use scripts to pass data between requests and alter the workflow.

blog.postman.comSponsor

02ARTICLES & TUTORIALS

DATABASE TYPES EXPLAINED SIMPLY

This article discusses multiple types of databases, such as relational (SQL), NoSQL, NewSQL, and vector databases. It explains the key features, use cases, and downsides of each type. Relational databases store structured data, ensuring data integrity but can be complex and expensive. NoSQL databases handle unstructured data and offer flexibility but may lack data consistency. NewSQL databases combine scalability and ACID compliance for high-transaction systems. Vector databases are specialized for usage in machine learning.

swequiz.com11 min read

THE ANATOMY OF SHADCN/UI

Shadcn/ui is a JavaScript UI library that provides components through a CLI that inserts their source code directly into your project instead of relying on npm packages. Shadcn/ui's architecture separates components into two layers: structure and behavior, and style. It follows principles like the Single Responsibility Principle and Dependency Inversion Principle and offers utility functions for managing class names to ensure consistent and reusable components. It empowers web developers to build their own design systems with customizable defaults.

manupa.dev14 min read

03OPINIONS & ADVICE

DEAD CODE, GETTING UNTANGLED, AND COUPLING VERSUS DECOUPLING

This post offers 3 full chapters and some details on the background of the book “Tidy First?” by Kent Beck, the creator of test-driven development. The three chapters are focused on three parts: Tidyings (focused on what to do), Managing (focused on how to do it), and Theory (focused on why to do it). The article also mentions the importance of deleting dead code, managing the tangled relationship between tidying and changing code behavior, and explores the trade-off between coupling and decoupling in software design.

open.substack.com16 min read

ASKING THESE 7 QUESTIONS WILL HELP YOU WRITE ANYTHING BETTER

Writing is an extremely valuable skill to master for software engineers, even beyond writing code. Writing emails, documentation, code reviews, and more are all part of our daily jobs. This article highlights 7 questions that can help you write anything well. It includes questions like “What am I trying to achieve?” and “Who am I writing for?”.

bit.ly6 min read

04LAUNCHES & TOOLS

ANNOUNCING MILLION.JS 3.0

Million was a landmark release in the web dev world with a fast, lightweight virtual DOM that makes React up to 70x faster. Version 3 now has a faster build and run time.

million.dev2 min read

PAGE SPY

PageSpy is a remote debugging tool for web projects that lets you filter and transform the parameters of native methods when called and convert the results into messages. These messages are displayed with a specific format and UI that is easy to read and consume, making debugging easier and less tedious.

github.comGitHub repository

LOBE CHAT

LobeChat is an open-source, high-performance chatbot framework that supports speech synthesis, multimodality, and the extensible Function Call plugin system. It also supports one-click free deployment of your private ChatGPT web application(s).

github.comGitHub repository

05MISCELLANEOUS

HOW MANY LINES OF C IT TAKES TO EXECUTE A + B IN PYTHON

This article covers what goes on behind the scenes in the Python runtime when simple “a + b” functions are implemented. It discusses the implementation details behind types operators and dynamic dispatch in Python, with useful diagrams that provide visual explanations.

codeconfessions.substack.com10 min read

EVERY ENGINEER SHOULD UNDERSTAND GIT REFLOG

Git reflog is a Git command made specifically for navigating the entire history of your Git repo. It’s useful for identifying and fixing any errors in your codebase. This article describes exactly how git reflog works and how you can use it to keep your Git history tidy.

graphite.dev6 min read