Every Important HTTP Status Code Explained
December 12, 2022
HTTP status codes are vital to creating an API and in this article I will explain all the important HTTP status codes and when to use them.
Read moreNew CSS Range Media Queries
December 5, 2022
Defining media queries with min-width and max-width is not super intuitive which is why CSS added range media queries and they are amazing.
Read moreAll 4 JavaScript Scopes Explained
October 10, 2022
There are 4 different scopes in JavaScript which each behave differently and you need to understand those differences to truly master JavaScript.
Read moreCSS :has A Parent Selector And It Is Better Than I Ever Could Have Hoped For
September 26, 2022
CSS has been lacking a parent selector for years and now they finally introduced one with the :has pseudo class and it is incredible!
Read moreIs CSS Transform Dead?
September 12, 2022
CSS just added individual rotate, translate, and scale properties which almost entirely remove the need for the transform property in CSS.
Read moreAll 24 CSS Viewport Units Explained
August 1, 2022
There are 24 total viewport units in CSS which all serve a specific purpose and my goal in this article is to explain each unit to you.
Read moreUltimate React Router v6 Guide
July 25, 2022
React Router is by far the most popular routing library in React and this article goes in depth on everything you need to know about React Router.
Read moreFacade Pattern Explained With Practical Examples
July 18, 2022
The facade pattern is a very common and simple design pattern which can easily clean up your code which is why it is one of the first design patterns you should learn
Read moreHow To Structure React Projects From Beginner To Advanced
July 11, 2022
React's unopinionated nature makes it hard to know how to structure projects which is why in this article I am covering 3 different ways of laying out your folder structure in React.
Read moreuseImperativeHandle Hook Ultimate Guide
June 20, 2022
useImperativeHandle is the perfect hook for handling complex ref behaviors, but it is pretty complicated to understand.
Read moreuseId Hook Explained
June 6, 2022
React 18 introduced many new hooks and in this article I will be talking about useId.
Read moreuseDeferredValue Hook Explained
May 2, 2022
React 18 introduced many new hooks and in this article I will be talking about useDeferredValue.
Read moreuseTransition Hook Explained
April 25, 2022
React 18 introduced many new hooks and in this article I will be talking about useTransition which is the most useful of those hooks.
Read moreHow To Use CSS Layers
April 18, 2022
CSS layers change how the cascade works and it makes writing clean CSS code so much easier.
Read moreHow To Create Custom JavaScript Events
April 11, 2022
Custom events in JavaScript make handling things like double click, long press, and touch gestures much easier, but they can also be used for cross app communication.
Read moreStop Using The "!" Bang Operator In JavaScript
April 4, 2022
You may think you are writing cleaner code using the bang operator, but in reality you are just opening yourself up to a plethora of bugs.
Read moreHow To Implement Debounce And Throttle In JavaScript
March 28, 2022
Debounce and throttle are two of the best ways to improve the performance of your site and in this article I talk all about how to implement both options and what they do.
Read more20+ Console Methods That Will Revolutionize Debugging For You
March 21, 2022
You probably know console.log and a few other console methods, but did you know there are over 20 amazing console methods that make debugging easier and more enjoyable.
Read moreHow To Create A VSCode Snippet
March 7, 2022
Snippets are one of the easiest ways to customize your VSCode experience and in this article I will explain everything you need to know about creating your first snippet.
Read moreTemporal Date API Ultimate Guide
February 21, 2022
This ultimate guide will break down everything you need to know about the new temporal date API in JavaScript.
Read moreMongoDB Ultimate Guide
February 7, 2022
This ultimate guide will break down everything you need to know about MongoDB to build your next project.
Read moreJavaScript Resize Observer Ultimate Guide
January 31, 2022
Detecting element size changes is something that is normally difficult to do, but with resize observer it is incredibly easy.
Read moreJavaScript Fetch API Ultimate Guide
January 24, 2022
The fetch API looks straightforward, but there are a lot of edge cases that this blog article will address for you.
Read moreCSS Position Ultimate Guide
January 17, 2022
Understanding how CSS position works seems straightforward, but there are quite a few nuances you need to understand in order to truly master CSS.
Read moreJavaScript Intersection Observer Ultimate Guide
January 10, 2022
Lazy loading, infinite scrolling, scroll based animations, and performant scroll events are all perfect examples of Intersection Observer in action.
Read moreJavaScript Event Listeners Ultimate Guide
January 3, 2022
Event listeners appear simple at first, but they have an incredible level of depth that most people completely ignore. This article will cover everything you need to know about event listeners so you can avoid bugs and write better code for your projects.
Read moreCSS Pseudo Elements Ultimate Guide
December 27, 2021
Pseudo elements are an essential piece of CSS knowledge that you need to understand in order to create advanced designs.
Read moreCSS Box Model
December 20, 2021
There are countless ways to size and space out elements in CSS, but all those techniques involve the box model which is why learning the box model is crucial to learning CSS.
Read moreStop Using setInterval. Use requestAnimationFrame
December 13, 2021
requestAnimationFrame is the best way in JavaScript to play smooth and efficient animations and in this article I will show you exactly how to use requestAnimationFrame.
Read moreCSS Selector Ultimate Guide
December 6, 2021
CSS selectors are easy to get started with but hard to master since there are so many options which is why I created this ultimate guide to teach you not only the basics, but also the more advanced CSS selectors you need to know.
Read moreHow To Use The Most Used Array Method - Map
November 29, 2021
Map is by far the most used array method and in this article I will explain exactly what it does and why it is so useful.
Read moreCSS Flexbox Ultimate Guide
November 22, 2021
Flexbox is easy to get started with but hard to master which is why I created this ultimate guide to teach you not only the basics, but also the more advanced features of flexbox.
Read moreES6 JavaScript Modules
November 15, 2021
ES6 modules are one of the best features added to JavaScript since it makes writing clean code exponentially easier.
Read moreBetter Than Promises - JavaScript Async/Await
November 8, 2021
Async/Await is syntactical sugar that makes working with promises and async code so much easier.
Read moreuseDebugValue React Hook Explained
November 1, 2021
You have probably never used the useDebugValue hook, but this hook is incredible at helping you debug your custom hooks.
Read more10 Must Know Git Commands That Almost Nobody Knows
October 11, 2021
Everyone knows how to add and commit changes, but that is only the start of Git. The Git commands in this article will supercharge your Git skills and save you time.
Read moreThe Complete JavaScript Promise Guide
September 13, 2021
I promise this will be the best guide on promises you ever read.
Read moreHow To Learn To Code Faster With Comments
August 16, 2021
Building projects from scratch is hard, but if you utilize comments correctly you can make writing projects from scratching trivial.
Read moreAre Online Courses Worth It?
August 2, 2021
Online courses claim to make you a developer quicker and easier, but are they worth the sometimes astronomical cost?
Read moreHow To Accept Payments With Stripe
July 26, 2021
Almost every application needs some way to accept payments so in this article I will show you how to easily configure Stripe in just a few lines of code.
Read moreHow To Manage Technical Debt?
July 5, 2021
Technical debt may seem inevitable, but there are many techniques you can use to manage technical debt.
Read moreWhat's New In React 18?
June 14, 2021
React 18 introduces a ton of new features related to performance and loading which you should be excited about.
Read moreWhat Is HSL?
June 7, 2021
HSL is the easiest and best color format to use with CSS, but why exactly is that?
Read moreCSS Initial vs Inherit vs Unset vs Revert
May 31, 2021
Understanding how to undo and remove styles in CSS is a skill most developers never learn, but it is incredibly useful.
Read moreCSS Logical Properties
May 24, 2021
CSS logical properties are the new way to write padding, margin, border, and so much more. They will change CSS forever.
Read moreJavaScript Node Vs Element
May 17, 2021
Nodes and elements are very similar in JavaScript, but there are a few important differences to understand.
Read moreJavaScript Array Reduce Simplified
May 10, 2021
How the array reduce function works in JavaScript and how you can use it in your projects.
Read moreCORS (Cross-Origin Resource Sharing)
May 3, 2021
What is CORS and how to fix CORS errors.
Read moreWhat Is Recursion?
April 26, 2021
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.
Read moreDo You Need To Know Math?
April 19, 2021
Programmers learn a ton of math in school, but do you really need to know math to be a programmer?
Read moreReference Vs Value - Most People Don't Understand This
March 29, 2021
Reference vs value is one of the most complicated topics beginner developers face, but it is much easier than it appears.
Read moreDynamic Module Imports
March 8, 2021
By using dynamic module imports you can speed up your applications while making the user experience better.
Read moreWhy Programming Needs To Be Fun
March 1, 2021
If you are unable to make programming fun you will never be able to become a programmer.
Read moreEnhanced Object Literals
February 8, 2021
Creating objects in JavaScript is something you do all the time so you should know about these enhancements that make creating objects even easier.
Read moreCSS Transform
January 25, 2021
This article covers everything you need to know about the CSS transform property and the various transform functions.
Read moreGenerators Are Awesome!
January 18, 2021
Generators are incredibly useful for specific tasks and much easier to use than they appear.
Read moreNull Vs Undefined
January 11, 2021
This article explains the difference between null and undefined in depth.
Read moreStart Using JavaScript Sets Now
January 4, 2021
Sets in JavaScript are a specialized type of array that is perfect for unique lists.
Read moreComplete Array#flat Guide
December 28, 2020
If you are dealing with nested arrays then you need to know about the Array#flat method.
Read moreHow To Use PropTypes In React
December 21, 2020
PropTypes are perfect for adding basic type safety to your React project.
Read moreResponsive CSS Aspect Ratio
December 14, 2020
Creating a responsive video or iframe that maintains its aspect ratio in CSS is much trickier than you may think.
Read moreStart Using JavaScript Maps Now
December 7, 2020
Maps in JavaScript are more performant, easier to use, and better equipped than JavaScript objects.
Read moreLiterally Everything You Need To Know About classList
November 30, 2020
JavaScript classList seems straightforward, but there are actually multiple unique methods you probably don't know.
Read moreCSS Floats Are Still Useful
November 9, 2020
A short explanation on how CSS floats are still useful.
Read moreCSS Clamp Is Amazing
November 2, 2020
A short explanation of how to use clamp in CSS.
Read moreEvery Beginner Is Confused By This
October 26, 2020
How passing functions to other functions works in JavaScript.
Read moreData Attributes In JavaScript
October 19, 2020
How to use data attributes in JavaScript.
Read moreInstant Easy React Performance With Debounce
October 12, 2020
Get easy and quick React performance with a custom debounce hook.
Read moreNaN - Not A Problem
October 5, 2020
Everything you need to know about NaN in JavaScript.
Read moreWhat Are Pure Functions?
September 28, 2020
A quick explanation on what pure functions are and how to use them.
Read more5 Ways To Become A Better Developer
September 21, 2020
Here are some quick tips you can use to improve your development skills.
Read more(Arrow Functions) => Explained
September 14, 2020
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.
Read moreHow To Prevent The Most Common Cross Site Scripting Attack
September 7, 2020
A quick guide on how cross site scripting works and how to ensure your site is not vulnerable.
Read moreStop Using IIFEs
August 31, 2020
Due to modern JavaScript features we no longer need to use immediately invoked function expressions.
Read moreHow To Use Destructuring And The Spread Operator? (One Of The Best JS Features)
August 24, 2020
An in depth analysis of how to use destructuring and the spread operator with objects and arrays.
Read moreJavaScript Cookies vs Local Storage vs Session Storage
August 17, 2020
An in depth analysis of all the differences between cookies, localStorage, and sessionStorage.
Read more10 Essential Keyboard Shortcuts For Programmers
August 10, 2020
These are my 10 favorite keyboard shortcuts that I use everyday as a programmer.
Read moreStop Using Double Equals In JavaScript
August 3, 2020
Everything you need to know about the difference between double and triple equals in JavaScript.
Read moreEverything You Need To Know About CSS Calc
July 27, 2020
This article breaks down everything you need to know about CSS calc to take your CSS skills to the next level.
Read moreWhy Do We Need useLayoutEffect?
July 20, 2020
An in depth look at every aspect of the useLayoutEffect React hook.
Read moreWhat The Heck Is Hoisting?
July 13, 2020
You have probably heard of hoisting but what exactly is it and how does it work.
Read moreRelative Date Internationalization In JavaScript
July 6, 2020
Do you wish you could format dates like this: '2 days ago', 'yesterday'. Well with JavaScript internationalization it is incredibly easy.
Read moreHow To Center Vertically In CSS
June 29, 2020
Every method you need to know to center elements in CSS.
Read moreCode Splitting With Dynamic Module Imports
June 22, 2020
A simple explanation of how to take advantage of dynamic imports to make your site load faster.
Read moreWhy Use The HTML Template Tag?
June 15, 2020
An in depth explanation of why you should be using the template tag.
Read moreHow To Manage Complex State In React With useReducer
June 8, 2020
An in depth look at every aspect of the the useReducer hook in React.
Read moreHow To Use Context In React With Hooks
June 1, 2020
An in depth look at every aspect of the the context API and the useContext hook in React.
Read moreHow To Write Cleaner CSS With BEM
May 25, 2020
This article covers everything you need to know about BEM in order to start using BEM to clean up and organize your CSS styles.
Read moreJavaScript Ternary Operator In Depth
May 18, 2020
Everything You Need To Know About The Ternary Operator In JavaScript.
Read moreHow To Use Refs In React With Hooks
May 11, 2020
An in depth look at every aspect of refs and the useRef hook in React.
Read moreHow To Use Memoization To Drastically Increase React Performance
May 4, 2020
An in depth look at every aspect of the useMemo and useCallback React hooks.
Read moreEverything You Need To Know About useEffect
April 27, 2020
An in depth look at every aspect of the useEffect React hook.
Read moreEverything You Need To Know About useState
April 20, 2020
An in depth look at every aspect of the useState React hook.
Read moreWhy You Should Trade Money For Time
April 13, 2020
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.
Read moreWhy Everyone Should Learn Programming
April 6, 2020
While not everyone should be a programmer I think it is crucial that everyone learns at least the basics of programming.
Read moreCSS Triangles
March 30, 2020
Learn all about how triangles can be created and manipulated in CSS.
Read moreAnimation Fill Mode
March 23, 2020
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.
Read moreJavaScript Null Coalesce
March 16, 2020
Null coalesce is a new JavaScript language feature which makes assigning default values for null/undefined incredibly easy.
Read moreJavaScript Optional Chaining
March 9, 2020
Optional chaining is a new JavaScript language feature which will revolutionize how null and undefined are handled.
Read moreTagged Template Literals
March 2, 2020
Exploring the power of tagged template literals.
Read moreN + 1 Queries: The Easiest Way To Improve Performance
February 24, 2020
A brief explanation of N + 1 queries and how to avoid them.
Read moreCSS Custom Properties
February 17, 2020
Everything you need to know about CSS custom properties.
Read moreWhat Are Magic Numbers And Why Are They Bad
February 10, 2020
A brief explanation of magic numbers in code and why they are bad.
Read moreCSS Specificity Demystified
February 3, 2020
An in depth breakdown of how CSS specificity works.
Read moreDynamic Expandable Content (Read More Buttons)
January 27, 2020
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.
Read moreJavaScript Var vs Let vs Const
January 20, 2020
A quick explanation of the differences between var, let, and const.
Read moreSemantic Versioning Explained
January 13, 2020
An explanation of what semantic versioning is and why it is important.
Read moreGuard Clauses - The Best Way To Write Complex Conditional Logic
January 6, 2020
An explanation of guard clauses and how they can be used to clean up complex nested conditional logic.
Read moreHow To Use Modern CSS Without Breaking Old Browsers
December 30, 2019
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.
Read moreAsync Vs Defer - JavaScript Loading Explanation
December 23, 2019
An explanation of the difference between standard, async, and defer script tag loading, and which is the best to use.
Read moreThe Forgotten React Renderer - React Portal
December 16, 2019
React portal lets components be rendered outside their parent component which is incredibly useful in specific scenarios explained in depth in this article.
Read moreHow To Use And Write Express Middleware
December 9, 2019
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.
Read moreLocal State Is The Best State
December 2, 2019
Storing state in React is difficult to do right, but by storing state as locally as possible it can be a lot easier.
Read moreHow Physical Activity Will Make You A Better Developer
November 25, 2019
A brief explanation of why fitness and physical health is so important, especially for programmers.
Read moreHow To Learn Any Topic Fast
November 18, 2019
A simple step by step guide on how to learn any new technology or topic quickly and efficiently.
Read moreThe Power Of Custom Hooks
November 11, 2019
A quick explanation of how to write custom hooks and why they are so useful.
Read moreWhy You Should Never Store Derived State
November 4, 2019
The quickest way to have corrupt out of sync state is by storing derived state.
Read moreWhy You Should Review Your Own Code And How To Review It Effectively
October 28, 2019
A detailed description of the steps needed to deliver an effective code review, even if it is just for your own code.
Read moreWhy You Should Use Data Attributes In CSS
October 21, 2019
A quick breakdown of exactly how to use data attributes with CSS to create dynamic content.
Read moreWhy You Shouldn't Use Class Selectors In JavaScript
October 14, 2019
A breakdown of why the common practice of using class selectors in JavaScript makes code impossible to refactor, and what you should do instead.
Read moreWhat Is Short Circuiting?
October 7, 2019
A detailed breakdown of what short circuiting is, how it works, and why it is important.
Read moreHow To Use ES6 Modules With Node.js
September 30, 2019
Two simple ways to use ES6 modules with Node.js.
Read moreHow To Effectively Test For Colorblind Accessibility
September 23, 2019
A quick tip on how to easily test any site for colorblind accessibility.
Read more