Submitted over 1 year ago

interactive-rating-component - React App with SCSS styles

react, sass/scss

rkrawczyszyn•10

@rkrawczyszyn

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

Hi!

The implementation lies in src/components/solutions/interactive-rating. I would love to receive feedback mainly about the SCSS parts:

should I use BEM and if yes - how?
do you think I organized my styles OK? how would you write styles and seperate them into files/mixins to make component reusable and ship it anywhere?
I have an issue makred as "todo - fix" in InteractiveRating.tsx. because of the way I wrote css and JS logic, I'm forced to use inline style, which is antipattern (afaik)

I need mainly CSS feedback, as during daily work I hardly write CSS, mainly React TypeScript... Thank you!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on rkrawczyszyn's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord