TLDR Web Dev

TLDR WEB DEV 2023-11-03

6 sections16 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

* Detailed definitions for each of the 4 DORA metrics

* Ways to improve your engineering team’s performance on each metric * Using tools like Pluralsight Flow [5] to create more frequent and consistent releases, reduce mistakes and testing time, and get updates to end users faster.

pluralsight.com

02ARTICLES & TUTORIALS

HEADLESS COMPONENT: A PATTERN FOR COMPOSING REACT UIS

The Headless Component pattern separates UI presentation from logic and state management. This article demonstrates how to implement a dropdown component using this pattern. It uses a custom hook called useDropdown that centralizes state and logic management, resulting in a cleaner and more maintainable component. This pattern allows developers to better handle a multitude of requirements, such as accessibility, keyboard navigation, async data loading, UI variations, and feature extensions.

martinfowler.com15 min read

NEXT.JS VS REMIX: AN IN-DEPTH CASE STUDY

This article is a comprehensive deep dive into Next.js and Remix, both React frameworks. It explores and compares many topics, such as how both approach nested layouts, data fetching, and more. For example, Remix utilizes loaders for parallel data retrieval, while Next.js introduces React Server Components (RSCs) to handle server-side rendering and data fetching.

prateeksurana.me33 min read

PASSKEYS: A NO FRILLS EXPLAINER ON THE FUTURE OF PASSWORDLESS AUTHENTICATION

Passkeys are a new method of authentication that replaces traditional passwords. With passkeys, a third-party service provider generates and stores a cryptographic key pair (public and private keys) associated with a website domain. Users can access these keys through the service provider for authentication, eliminating the need to remember passwords. Passkeys rely on signatures generated using private keys to authenticate messages, protecting against threats like database leaks and phishing attacks.

smashingmagazine.com19 min read

03OPINIONS & ADVICE

CONFUSING GIT TERMINOLOGY

There are various confusing Git terms like "detached HEAD state," "ours" and "theirs" in merging or rebasing, and "fast-forward." This article provides explanations for these terms. "HEAD" is the current branch, "detached HEAD state" occurs when HEAD points to a commit ID instead of a branch, and "fast-forward" refers to an easy branch update. The article also touches on other terms like "reference," "symbolic reference," "tree-ish," "index," "staged," and "cached" and the differences between "reset," "revert," and "restore.”

jvns.ca15 min read

TYPE SAFETY DOESN'T MATTER

Type safety is valuable primarily because it moves errors from runtime to compile time, reducing the occurrence of runtime errors. However, type safety is not the only way to achieve this. Programmers should also consider other bug reduction techniques, including static analysis and automated testing, rather than being ideologically driven towards a single approach.

snoyman.com4 min read

04LAUNCHES & TOOLS

ANNOUNCING DOCUSAURUS 3.0

Docusaurus is a popular React-powered documentation site tool by Meta. It’s used by companies like Supabase, Redux, and Temporal for their documentation sites. Version 3 focuses on modernizing the tool with upgrades to MDX v3, React 18, Mermaid v10, and more.

docusaurus.io11 min read

GRIST

Grist combines the flexibility of a spreadsheet with the robustness of a database to organize your data. Its columns work similarly to how they do in databases and cells can be filled with formulas like in spreadsheets.

github.comGitHub repository

LIVEGREP

Livegrep is a tool, partially inspired by Google Code Search, for interactive regex search of ~gigabyte-scale source repositories.

github.comGitHub repository

05MISCELLANEOUS

HOW TO DESIGN YOUR COMPANY FOR SPEED

There are a couple of ways to achieve rapid software development. For example, empowering engineers to design user experiences, hiring autonomous product engineers, maintaining transparency with clear goals and metrics, forming small startup-like teams, and focusing resources on building rather than non-engineering roles are all methods to ship faster.

newsletter.posthog.com5 min read

THE EVOLUTION OF SOFTWARE DEVELOPMENT AND FUTURE OUTLOOK

This is a brief history of the evolution of software development from the 1970s to the present. It walks through how software development went from a niche field to a mainstream industry and describes how the gap between product management and development is closing. Based on these trends, engineers and managers should focus on gaining more product perspectives in order to thrive in the upcoming AI world.

open.substack.com8 min read