PropelAuth: https://bit.ly/PropelAuthWDS

Select components are one of the most important components you will use in React, but how exactly do you create a good select component. In this video I will breakdown how to create a select component in React using…

Multistep forms are a really common problem you need to solve in React, but there are no good ways to make it expandable to multiple forms. That is why I created this tutorial. It covers how to create a reusable React hook that can convert any existing set…

FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified


📚 Materials/References:

FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
Reference vs Value Video: https://youtu.be/…

JavaScript used to be the wild west when it came to hidden errors. So many unintuitive mistakes/errors were hidden which is why JavaScript introduced strict mode to clean up those weird interactions. Strict mode adds a bunch of different rules mostly around…

FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified

Filtering is one of the most common things you will do as a developer, but it is something most developers do wrong in React. In this video I want to showcase…

I recently stumbled upon a really cool CodePen of some credit card inputs and one design in particular stuck out to me. I spent a bunch of time recreating it and this video is a tutorial on how to recreate the final product of this design. It has a lot of…

Highlight: https://app.highlight.run/?promo=WEBDEVSIMPLIFIED
Coupon Code: WEBDEVSIMPLIFIED (This should be automatically filled in as you go through the signup process)

Todo lists are boring and pretty limited so in this video I am going to show you how…

I absolutely love React Query, also known as TanStack Query. This library singlehandedly makes working in React so much nicer and I can’t imagine creating a large scale project without it. In this video I will show you what React Query is, what it can do…

Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today

TanStack Query (also known as React Query) is my favorite way to interact with an external API. TanStack query is so easy to use and it gives you so many features by default…

Build cross-platform messaging experiences with Stream Chat API. Sign up for Stream's 30 day trial for free: https://gstrm.io/webdevsimplified

Building a chat application is hard, especially if you want it to be a robust and full featured app similar to…

JavaScript Simplified Course: https://javascriptsimplified.com

JavaScript is complex and difficult to learn, but it doesn’t have to be. In this video I share with you every single JS topic you need to learn in order to master JavaScript.


📚 Materials/References:…

TypeScript is amazing. It makes you much more confident your code is correct and will almost always result in less bugs, but there is one big downside. It is slow to write. Or at least that is what people say. In reality I find writing TypeScript code is…

The brand new using keyword is yet another way to declare variables in JavaScript. This using keyword is pretty niche in how it should be used but when it is fully implemented into libraries it will make handling closing connections and cleanup tasks so much…

We are all used to using the useState hook to manage state in React. We may even turn to more powerful state management libraries like Redux, but in reality the best state management for UX is most likely just the browser URL. In this video I will explain…

Accessibility is incredibly difficult to get right. There are tons of competing standards, there are not good resources to learn from, and it is incredibly hard to test. All of this combine together to make for a miserable and difficult experience. In this…