React 18 introduces a ton of new features related to performance and loading which you should be excited about.
The official Web Dev Simplified blog by Kyle Cook.
Short and simple articles on web development.
HSL is the easiest and best color format to use with CSS, but why exactly is that?
Understanding how to undo and remove styles in CSS is a skill most developers never learn, but it is incredibly useful.
CSS logical properties are the new way to write padding, margin, border, and so much more. They will change CSS forever.
What is CORS and how to fix CORS errors.
Recursion is one of the hardest topics to learn as a new developer, but this is mostly due to confusing explanations and examples. This article will break down recursion in an easy to understand way with concrete and simple examples.
Programmers learn a ton of math in school, but do you really need to know math to be a programmer?
Reference vs value is one of the most complicated topics beginner developers face, but it is much easier than it appears.
By using dynamic module imports you can speed up your applications while making the user experience better.
If you are unable to make programming fun you will never be able to become a programmer.
This article covers everything you need to know about the CSS transform property and the various transform functions.
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.
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.
A short explanation on how CSS floats are still useful.
A short explanation of how to use clamp in CSS.
Get easy and quick React performance with a custom debounce hook.
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.
A quick guide on how cross site scripting works and how to ensure your site is not vulnerable.
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.
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.
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.
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.
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 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.