Web Dev Simplified Blog

A brief explanation of N + 1 queries and how to avoid them.

Everything you need to know about CSS custom properties.

A brief explanation of magic numbers in code and why they are bad.

An in depth breakdown of how CSS specificity works.

Multiline text overflow fading and dynamic expand/collapse buttons are difficult to create so in this article I show you a simple way to do both.

A quick explanation of the differences between var, let, and const.

An explanation of what semantic versioning is and why it is important.

An explanation of guard clauses and how they can be used to clean up complex nested conditional logic.

An in depth tutorial on the @supports CSS at-rule, and how it can be used to write modern CSS without breaking older browser support.

An explanation of the difference between standard, async, and defer script tag loading, and which is the best to use.

React portal lets components be rendered outside their parent component which is incredibly useful in specific scenarios explained in depth in this article.

Middleware in Express is one of the easiest ways to create DRY and well written code which is why it is crucial to know how to use and write good middleware.

Storing state in React is difficult to do right, but by storing state as locally as possible it can be a lot easier.

A brief explanation of why fitness and physical health is so important, especially for programmers.

A simple step by step guide on how to learn any new technology or topic quickly and efficiently.

A quick explanation of how to write custom hooks and why they are so useful.

The quickest way to have corrupt out of sync state is by storing derived state.

A detailed description of the steps needed to deliver an effective code review, even if it is just for your own code.

A quick breakdown of exactly how to use data attributes with CSS to create dynamic content.

A breakdown of why the common practice of using class selectors in JavaScript makes code impossible to refactor, and what you should do instead.

A detailed breakdown of what short circuiting is, how it works, and why it is important.

Two simple ways to use ES6 modules with Node.js.

A quick tip on how to easily test any site for colorblind accessibility.