Premium Only Content
How to create a Random Name Picker using React JS
In this video, we'll be creating a Random Name Picker using React JS. We'll be covering everything from setting up our project to creating our component.If you're looking to create a simple Random Name Picker component for your next project, then this video is for you! By the end of this video, you'll be able to create a Random Name Picker component that works perfectly on your website or app.
What will you learn in this Tutorial ? In this tutorial you will learn:
How to install react
how to use React useState Hook
how to create and import React Components
how to use React props
how to install React Styled Components
how to use keyframes in react using styled components
how to create animations
how to disable a html button in react
how to use setTimout() in react to handle errors
🎱Source Code for this Video: https://norbertbm.com
/-----------------------------------------------------------------------------
👇 Website & Courses: 👨🏫 :
https://norbertbm.com/web-development/web-dev-courses/Podcast:https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
0148 - Install React & Basic Setup
06:20 - App.js and import useState Hook0
8:17 - useState Hook to create a list in React
10:34 - Javascript Ternary Operator in React
11:53 - how to get random item from a array in react
15:30 - disable a html button in React JS
18:22 - Add item from a array to another array
23:13 - Handel error of undefined
24:03 - install react styled components
25:52 - Animate a spinner in react using keyframes styled components
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
#randomitems #reacttutorial #norbertbmwebdevelopment
-
LIVE
BonginoReport
1 hour agoDon Lemon calls Megyn Kelly chopped, unc and TRANS?! - Nightly Scroll w/ Hayley Caronia (Ep.165)
9,827 watching -
LIVE
Kim Iversen
2 hours agoNick Fuentes & Tucker Carlson SQUASH Their ‘Fed’ Beef!
3,454 watching -
TheCrucible
1 hour agoThe Extravaganza! EP: 61 with Guest Co-Host: Rob Noerr (10/28/25)
20.5K4 -
LIVE
Michael Franzese
1 hour agoThe Real Donnie Brasco: REVEALS Why Joe Pistone Stole His Name
449 watching -
LIVE
Candace Show Podcast
1 hour agoCharlie Ripped A Hole In Reality | Candace Ep 253
7,757 watching -
1:51:08
Redacted News
2 hours agoWhat are they hiding? New evidence in Charlie Kirk’s shooting shakes up the case | Redacted
92.7K66 -
LIVE
Red Pill News
3 hours agoDOJ Investigation of Autopen Orders Begins on Red Pill News Live
3,350 watching -
1:08:20
vivafrei
5 hours agoDoug Ford's Tour of Shame! Ed Markey's Self Own! Biden's Autopen Scandal is BAD! AND MORE!
96.4K24 -
LIVE
Dr Disrespect
9 hours ago🔴LIVE - DR DISRESPECT - BATTLEFIELD 6 - REDSEC LAUNCH - BATTLE ROYALE
1,568 watching -
1:08:34
DeVory Darkins
5 hours agoDHS announces Major SHAKE UP as Air Traffic Controllers drop ULTIMATUM for Congress
142K99