React | Interactive Rating Component

Community feedback

• 

  Wayne Tasaki•130

  @WayneTasakiPosted about 2 years ago

  Hello! Having just learned the basics of React, I decided to choose this project as the first thing to build using my newfound skills. I know this was absolutely overkill, but not only was it a great opportunity to put what I learned into practice, I also found it a bit funny that I'd use React to build something like this. This would have been completed in under a day had I used vanilla JavaScript, but instead it took a few days.

  I went above and beyond what was required for this project because I wanted to try out a bunch of React features. I used the useState hook to track the rating value, whether or not a rating was selected at all to prevent the submit button from being clicked, as well as to conditionally render components. I used Create Context and useContext to pass the rating value down to other components and React-Transition-Group which enabled me to add css classes with transition animations to components on mount and unmount.

  0