React-router V6 Released!

React Route v6 overview

This is big news! I’ve been waiting for v6 for forever and a day (at least). One legacy app with react-router v4, and another app using v5, and this version looks to have everythign I’ve wanted. I have to say the road ahs been a bit rocky with react-router over the years– breaking API changes between v3 and v4 for example, as well as losing features, or steps backwards at times – but this release looks solid, checking off all the boxes for what I’d hope it would be.

Nice work

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