How to Write a Git Commit Message

How to Write a Git Commit Message

… a well-crafted Git commit message is the best way to communicate context about a change to fellow developers (and indeed to their future selves). A diff will tell you what changed, but only the commit message can properly tell you why.

The Styled-components Happy Path

The Styled-components Happy Path

… I’ve discovered that a lot of developers never really fully embrace styled-components. They pop it into their project without updating their mental models around styling. One foot in, and one foot out. As a result, they miss out on some of the best parts of the tool!

Great post breaking down some techniques for getting the most out of styled components (CSS in JS)

Tao of React - Software Design, Architecture & Best Practices

Tao of React - Software Design, Architecture & Best Practices

I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design.

While there are best practices on the micro level, most teams build their own “thing” when it comes to architecture.

Of course, there isn’t a universal best practice that can be applied to all businesses and applications. But there are some general rules that we can follow to build a productive codebase.

Good, solid, patterns here – most of which we already use

The Import on Interaction Pattern

The Import on Interaction Pattern

tl;dr: lazy-load non-critical resources when a user interacts with UI requiring it

The Rules of Margin Collapse

The Rules of Margin Collapse

In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation for being quite dastardly.

A nice and clear explanation of how CSS margins collapse with interactive demos. Certainly calrified a few things for me!