ASMR - Building an List box using Reactjs and Tailwindcss
#reactjs #asmr #tailwindcss
Hi friends
It's Hudy again
Next video in series how to build a react component using React and Tailwindcss
And today, we're gonna build an List box
Please clone my repo in the below section before coding
*** Resources
- Github source: https://github.com/hudy9x/komponents/tree/feat/control-list
*** Things i used
- Keyboard: Nuphy Halo65 with brown switches https://nuphy.com/products/halo65?sca_ref=2294014.CB9RtCoCm1
- Scented Candles (Nến thơm): https://shope.ee/1q3kcLIV2A
*** Follow me online here:
▶ Twitter https://twitter.com/hudy09
▶ Blog https://dev.to/hudy9x
▶ Instagram https://www.instagram.com/hudy9x
▶ Facebook https://www.facebook.com/hudy9x/
▶ Facebook Group: https://www.facebook.com/groups/komaster.dev
*** Video Outlines
01:08 Explaination
04:29 Explain some key points
12:34 Start coding
13:00 Create ListContainer
14:32 Create file structure
17:00 Create ListControl and ListContainer
27:45 Define types
29:43 Create Context
33:37 Add click outside and escape event
38:27 Create ListButton
46:02 Create ListItem
50:11 Create ListOptions
58:24 Style component
01:03:36 End
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «ASMR - Building an List box using Reactjs and Tailwindcss», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.