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

/-----------------------------------------------------------------------------

👇 Website & Courses: 👨‍🏫 :
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
0148 - Install React & Basic Setup
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

[_Awizp_]

Actually I am beginner to React. Just was doing the same you did in the video in my project and it worked(so happy it worked 😂). Idk much about how to use state and Props in react but they looks familiar like JavaScript functions and properties. Soon I'll get along with this I hope. Thnx for the video bro ✨

[wadadparker]

Hey, thanks for the project. And i'll tell you the reason why we get undefined, its because in the here we take userList.length, but you should take users.length. As the length of the users array decreases when we filter it, but userList length is always constant, so we sometimes end up with index higher than the index present in users.

Tried it with users.length and it did not give me any undefined value ^_^

[NorbertWebDev]

How did you like the project? how about my little error handler :)))