Web Dev Simplified Blog

Generators are incredibly useful for specific tasks and much easier to use than they appear.

This article explains the difference between null and undefined in depth.

Sets in JavaScript are a specialized type of array that is perfect for unique lists.

If you are dealing with nested arrays then you need to know about the Array#flat method.

PropTypes are perfect for adding basic type safety to your React project.

Creating a responsive video or iframe that maintains its aspect ratio in CSS is much trickier than you may think.

Maps in JavaScript are more performant, easier to use, and better equipped than JavaScript objects.

JavaScript classList seems straightforward, but there are actually multiple unique methods you probably don't know.

A short explanation on how CSS floats are still useful.

A short explanation of how to use clamp in CSS.

How passing functions to other functions works in JavaScript.

How to use data attributes in JavaScript.

Get easy and quick React performance with a custom debounce hook.

Everything you need to know about NaN in JavaScript.

A quick explanation on what pure functions are and how to use them.

Here are some quick tips you can use to improve your development skills.

Arrow functions are one of the best features added to JavaScript and in this article I will explain everything you need to know about them.

A quick guide on how cross site scripting works and how to ensure your site is not vulnerable.

Due to modern JavaScript features we no longer need to use immediately invoked function expressions.

An in depth analysis of how to use destructuring and the spread operator with objects and arrays.

An in depth analysis of all the differences between cookies, localStorage, and sessionStorage.

These are my 10 favorite keyboard shortcuts that I use everyday as a programmer.

Everything you need to know about the difference between double and triple equals in JavaScript.

This article breaks down everything you need to know about CSS calc to take your CSS skills to the next level.

An in depth look at every aspect of the useLayoutEffect React hook.

You have probably heard of hoisting but what exactly is it and how does it work.

Do you wish you could format dates like this: '2 days ago', 'yesterday'. Well with JavaScript internationalization it is incredibly easy.

Every method you need to know to center elements in CSS.

A simple explanation of how to take advantage of dynamic imports to make your site load faster.

An in depth explanation of why you should be using the template tag.

An in depth look at every aspect of the the useReducer hook in React.

An in depth look at every aspect of the the context API and the useContext hook in React.

This article covers everything you need to know about BEM in order to start using BEM to clean up and organize your CSS styles.

Everything You Need To Know About The Ternary Operator In JavaScript.

An in depth look at every aspect of refs and the useRef hook in React.

An in depth look at every aspect of the useMemo and useCallback React hooks.

An in depth look at every aspect of the useEffect React hook.

An in depth look at every aspect of the useState React hook.

You are used to trading time for money at your job, but trading your money for time is just as important if not more important.

While not everyone should be a programmer I think it is crucial that everyone learns at least the basics of programming.

Learn all about how triangles can be created and manipulated in CSS.

Animation fill mode is the single most important property of CSS animations to understand so in this article I will be breaking down exactly how to use animation fill mode and what it does.

Null coalesce is a new JavaScript language feature which makes assigning default values for null/undefined incredibly easy.

Optional chaining is a new JavaScript language feature which will revolutionize how null and undefined are handled.

Exploring the power of tagged template literals.

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.