JavaScript & TypeScript Feed

JavaScript, TypeScript, Node.js, and JS frameworks

Don't miss new videos — get them as they're added

0 videos added this week4.8k subscribers9 topics

I Wish This Was Better

FREE Pi Cheat Sheet: https://webdevsimplified.com/pi-cheat-sheet.html Tanstack’s newest Intent library is a great idea, but unfortunately it is poorly executed to the point that I think it is actively harmful. In this video I cover how this library works, and more importantly I show I would fix this library to make it actually useful. 📚 Materials/References: FREE Pi Cheat Sheet: https://webdevsimplified.com/pi-cheat-sheet.html 🌎 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:52 - How To Use As Consumer 01:56 - The Problems With Tanstack Intent 04:54 - The Solution 07:10 - How To Use As A Library Author #TanstackIntent #WDS #Tanstack

Tanstack Intent Library

1 month ago·youtube.com

I Can’t Believe This TS Feature Has No Documentation

🌎 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

TypeScript Documentation

4 months ago·youtube.com

+34

Zustand Crash Course

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

Zustand State Management Library React Hooks

4 months ago·youtube.com

You Need To Use This TSConfig Setting

TypeScript Configuration Settings

4 months ago·youtube.com

+20

You Need To Start Using This Underrated React Hook

*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

React Hooks

4 months ago·youtube.com

+14

New CSS Property corner-shape Is Amazing

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

CSS corner-shape property

5 months ago·youtube.com

+10

Deleting in 48 Hours

Full TypeScript Course

5 months ago·youtube.com

Strict TypeScript Isn't Enough Anymore

*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

TypeScript 4.0

5 months ago·youtube.com

+20

NEW Tanstack Hotkeys Library is Amazing

*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

5 months ago·youtube.com

End of results

Actions

Add Video