Build a custom React dropdown menu component

preview_player
Показать описание
Learn how to build a custom React dropdown menu component with @RealToughCandy.

00:00 LogRocket intro
00:15 Intro to the React dropdown menu component
00:40 Visual structure of a React dropdown menu component
01:36 What is the parent/child relationship in React?
04:17 Can a child component change a parent's state?
05:20 How do you make a multiselect dropdown in React?
06:05 Creating a dynamic header title
08:05 How do you get an outside click event in React?
10:06 Subscribe to LogRocket

Links
  1. LogRocket
  2. dropdown menu
  3. react dropdown menu tutorial
  4. react dropdown menu
  5. react dropdown
  6. react
Рекомендации по теме
Custom Select Component 0:34:28

Custom Select Component with Search | React JS + Tailwind CSS | Custom Dropdown

Build a Custom 0:29:24

Build a Custom Dropdown | Select Menu | with React JS and Vite | React Custom Component

Make a Dropdown 0:03:29

Make a Dropdown Menu in React JS | Beginner Tutorial

Make a Dropdown 0:22:52

Make a Dropdown Menu in React | Beginners Tutorial

Custom Dropdown using 0:11:15

Custom Dropdown using React.js | REACT CUSTOM COMPONENT | #javascript

How To Make 0:00:54

How To Make A Custom Dropdown With React In Vite

Custom Dropdown React 0:15:27

Custom Dropdown React JS | React Dropdown menu

Building a Custom 0:14:07

Building a Custom Dropdown Menu with Headless UI React and Tailwind CSS

Custom dropdown menu 0:06:58

Custom dropdown menu in React from scratch under 7 minutes.

React Select Example 0:15:45

React Select Example | React Dropdown Menu - Fully Customizable

How to make 0:18:37

How to make a custom dropdown in react | Dropdown

React JS Custom 0:17:44

React JS Custom Dropdown Menu Tutorial

Advanced Dropdown Menu 0:16:52

Advanced Dropdown Menu - React & CSS Animation Tutorial for Beginners

Custom Dropdown using 0:13:38

Custom Dropdown using React.js and Tailwind CSS | REACT CUSTOM COMPONENT

BUILD a Custom 0:30:02

BUILD a Custom Responsive Multi-Select Dropdown with React.js in 2025

Build a Custom 0:16:52

Build a Custom Select Dropdown with React & Tailwind CSS | Step-by-Step Tutorial

Create a Custom 0:13:34

Create a Custom Dropdown Menu in React JS

Building a Custom 0:22:09

Building a Custom Select/Dropdown using React | Tutorial

Custom dropdown(select) using 0:37:38

Custom dropdown(select) using ReactJS & SCSS | Beginner ReactJS tutorial

Build a Custom 0:48:26

Build a Custom Dropdown in React.js using Styled Components

Live coding a 0:33:53

Live coding a Dropdown Component with React, Tailwind, and Typescript (Good Practice for Beginners)

Build a custom 0:10:27

Build a custom React dropdown menu component

Simple Dropdown Menu 0:00:20

Simple Dropdown Menu using only HTML & CSS #html #css #dropdown #menu #dropdownmenu #shorts

Multiple Dependent Drop 0:00:54

Multiple Dependent Drop Down List In Excel! Learn this in one minute! 😎 #excel #exceltips

Комментарии
Автор

I like this way of _explaining_ code 👏 Shows investment.

The unedited live coding approach where some YouTuber clatters on an keyboard and gives a commentary (for the blind!) on what they are doing is a bit like watching Bob Ross or ASMR videos. Great fun but kinda indulgent.

Presenting code as implemented and explaining moves me from awareness to understanding to using it way more effectively. I want to see more like this. And less Foo and f#+king Bar in documentation.

ryanoshea
Автор

Who is using class components in 2021?? Use hooks and functional components

VladBurlutsky