Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

This Is The Perfect Project For Your React/TypeScript Resume

184.3K views on YouTube

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 only TypeScript and no additional React libraries.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/react-select

🌎 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:25 – Sponsor – PropelAuth
01:12 – Setup
02:14 – Single Select HTML
11:05 – CSS
20:13 – Single Select Logic
29:08 – Multiselect Logic
37:16 – Multiselect CSS
39:45 – Keyboard Accessibility

#ReactJS #WDS #ReactCustomSelect