JavaScript, TypeScript, Node.js, and JS frameworks
Don't miss new videos — get them as they're added
Get new videos
🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #Shorts
Master every React hook with my FREE React Hooks Course - _25+ videos_ 👉 https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-ULS7LHNScHc Become a mid-level React developer with my Full React Course - _40+ hours, 200+ videos_ 👉 https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-ULS7LHNScHc State management in React is incredibly important and the tools built into React are only able to get you so far. In this video I will show you how to use Zustand in your code to simplify your state management and make scaling your applications easier. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-ULS7LHNScHc React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-ULS7LHNScHc Context Video: https://youtu.be/5LrDIWkK_Bc Context Article: https://blog.webdevsimplified.com/2020-06/use-context/ 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:28 - Starting Code 02:38 - Zustand Basics 11:48 - Zustand Best Practices 14:55 - Advanced Zustand Features #Zustand #WDS #ReactJS
🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #Shorts
*Master every React hook with my FREE React Hooks Course* - _25+ videos_ 👉 https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0 *Become a mid-level React developer with my Full React Course* - _40+ hours, 200+ videos_ 👉 https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-O6P86uwfdR0 Dialog Video: https://youtu.be/ywtkJkxJsdg Dialog Blog Article: https://blog.webdevsimplified.com/2023-04/html-dialog/ 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:48 - Basic usage 05:15 - Another example 09:30 - Advanced usage #ReactJS #WDS #JavaScript
The new CSS corner-shape property may seem niche in use, but it allows you to do some crazy things in CSS that used to be entirely impossible! In this video I will show you how this property works all the way from the basics to the more advanced use cases. 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:26 - corner-shape Basics 02:30 - superellipse 04:10 - Animation Example 05:12 - Icon Example 06:44 - Speech Bubble Example 08:15 - Funky Shape Example 09:15 - Browser Support #CSS #WDS #AdvancedCSS
*Become a senior TypeScript developer* with my *Full TypeScript Course* - _60+ videos, 12+ hours+_ 👉 https://learn.webdevsimplified.com/typescript-simplified-course/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-uy4jfLaA_RY&utm_campaign=ts-update-sale-2026-03 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #WebDevelopment #WDS #TypeScript
*Become a senior TypeScript developer* with my *Full TypeScript Course* - _60+ videos, 12+ hours+_ 👉 https://learn.webdevsimplified.com/typescript-simplified-course/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-35cESnxXH6o&utm_campaign=ts-update-sale-2026-03 The TSConfig is a confusing file with tons of options in it. In this video I will breakdown which options are actually important for you to use and master so you can write cleaner and better TypeScript code. 📚 Materials/References: TypeScript Simplified Course: https://learn.webdevsimplified.com/typescript-simplified-course/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-35cESnxXH6o&utm_campaign=ts-update-sale-2026-03 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 01:36 - Must Have Settings 08:36 - Optional Settings 14:32 - Personal Preference Settings 18:59 - JavaScript Settings #WebDevelopment #WDS #TypeScript
*Master TypeScript utility types* with my *FREE TS Util Types Cheat Sheet* - _18+ types_ 👉 https://webdevsimplified.com/ts-utility-types-cheat-sheet.html *Become a senior TypeScript developer* with my *Full TypeScript Course* - _50+ videos, 10+ hours+_ 👉 https://courses.webdevsimplified.com/typescript-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-S26VdcWQzRQ Hotkeys are something every site can utilize in some way, but setting up good quality hotkeys isn’t as easy as it seems. This leads most developer to completely skip hotkeys on their site, but this is a terrible idea since hotkeys elevate your site in ways that most other things cannot. In this video I will show you how to use the new Tanstack Hotkeys library by going through 5 examples of increasing complexity. We will cover everything from setting up simple hotkeys all the way to creating fully customizable hotkey recording settings pages. 📚 Materials/References: FREE TS Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-S26VdcWQzRQ Tanstack Hotkeys Docs: https://tanstack.com/hotkeys 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com/ My Courses: https://courses.webdevsimplified.com/ Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:42 - Basic Hotkeys 03:38 - Fancy TypeScript Example 05:41 - Hotkey Options 09:41 - Key State Hook 10:53 - Key Sequence Shortcuts 12:02 - Hotkey Recording #Tanstack #WDS #TanstackHotkeys