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