Notes on the software development cycle from the perspective of a software engineer.

A summary of the Git commit message convention Conventional Commits.

Notes on working in a team as a full-stack engineer.

Notes on the computer science optimization technique memoization.

Notes on sharing a web page on platforms like Facebook, Twitter & LinkedIn.

Notes about the programming benchmark 7GUIs.

An introduction to Layout components. Components whose only function is to position their children.

Setting up CSS font styles in a Next.js app using vanilla-extract & Capsize.

Alignment is a powerful force in design. Accessibility requires touchable elements to be of a certain minimum size. Implementing these sizes using common CSS approaches can throw off a layout's alignment. There is a different approach that allows touch targets of any size without affecting alignment.

How to create an SVG mask & opacity mask.

How to create a hologram effect using SVG.

How to use SVG filters. Explanations, examples, generators & tools.

Notes on the referential equality in the Javascript programming language.

When & how to use React's built-in higher order component & hooks; memo, useMemo & useCallback.

What is the best approach to UI state management.

XState & XState + React examples, tools & learning resources.

How to create global state in Next.js using XState.

Notes on the JavaScript package manager npm. How to update packages. How to audit packages.

How to update & delete data in SQL (Postgres), with interactive examples.

How to create & read data in SQL (Postgres), with interactive examples.

Brad Woods' digital garden

Communication

Computer Science

CSS

Effects

GraphQL

HTML

JavaScript

Problem Solving

React

SVG

Web