React Star Rating | React Interview Questions | Machine Coding Round

Here's how I create a star rating component in React. Frequently asked in the interviews and not only in interviews You'll use this in an application where you'd like to give users the ability to rate something on a scale from 1-5, or whatever scale you'd like.
Like, Share and Subscribe @FrontendAman
star rating component
how to make a star rating component in react
star rating
react js star rating
frontend interview questions
react interview questions
star rating component in react js
star rating component react js
react interview questions
react star rating component
react js star rating
react star rating
how to make star rating in react js tutorial
how to make a star rating component in react
react interview questions
create start rating app in reactjs
react star rating
star rating react icon
reactjs tutorial in hindi
star rating component
how to make a star rating component in react
star rating component in react js
star rating javascript
star rating react
react interview questions
star rating component
frontend interview questions
react js
react
star rating component in react js
react js beginner
react js hindi
reactjs tutorial in hindi
how to make a star rating component in react
react star rating
react star rating component
react star rating tutorial
star rating using react
5 star rating card in react

[@FrontendAman]

Code Link -> codesandbox.io/p/sandbox/star-rating-685rgh?file=%2Fsrc%2FStarRating.jsx

[@rahulmahurkar7761]

Simplified condition:-
className={index < (hoverValue || starValue) ? 'gold' : null}

[@hamudxd9497]

ONE REQUEST HAR POINT KO TORA DEEP EXPLAIN KAREIN FOR BEGINNERS___YE aapne jo usestate starvalue aur setstarvalue ke liye use kiya hai___isse humare browser ko kaise pata chalega k agae starvalue index se kam hai tou goldstar display karo___this point need tio be discussed ___if you make a short video only to explain that point__it will be benficial for us

[@FrontendAman]

dekho gold class responsible hai star ko gold dikhane ke liye jis bhi span pe gold class lgi hai wo golden kyunki hmne css file me gold class ke correspond color:gold dia hua hai. or hmne condition ke basis pe gold class apply kr rahe hai. aap ek baar code me line 13-17 dekho. me recommend krunga ek baar dry run krna. tb bhi issue ata hai to btana.

[@hamudxd9497]

@@FrontendAman Ok Agar Possible ho And Agar Apke pass time free ho 2min short video banade otherwise chor de phir _takhe doubt clear ho humara__Thanks

[@trupti0406]

Really good explanation, crisp and concise. I'm revising React concepts for future machine coding rounds... Hoping this playlist is long and fantastic just like this video.

[@FrontendAman]

Glad it was helpful! more to come.

[@arvindkumarsingh8476]

Nice content and explanation. Loved it.

[@FrontendAman]

Glad it was helpful.

[@ritiksinghania8875]

Very detailed explanation 😊😊😊

[@FrontendAman]

Glad you liked it

[@hamudxd9497]

IM YOUR NEW SUBSCRIBER __LOVES YOUR CONTENT

[@FrontendAman]

acha laga jaan ke. aapko content psnd aya. Do like, share and subscribe.

[@hamudxd9497]

@@FrontendAman Thanks

[@priyanshimaheshwari7768]

Simplified condition: index < (hoverValue == 0 ? starValue : hoverValue)

[@FrontendAman]

Have you tried it in code? is it working?

[@rahulagarwal8059]

@@FrontendAman yes the above condition is correct, i've tried its working, but i would like to go with the one in video, that was more intutive.

[@arkansavalder]

damn how you did that