@warrenlee
Posted
Hey cacosted, I know that the current filesystem works for larger projects where each component has it's own index.jsx file and style.js file but since this project is rather simple and all your index.jsx are relatively the same, I would just remove all the index.jsx files and rename the style.js to index.js.
But in terms of theory, I think what you have is correct. Each element with its logic should be a component so that it can be reused in other places of the application.
Maybe try one of the projects under the Junior level, where I think you can do more with React components.
Marked as helpful
@cacosted
Posted
Hello @warrenlee thanks for your suggestion, I'll keep in mind this to simplify a small project.
I know that in this case it wasn't necessary to use this structure but I want to practice with an easier project first to understand the basics and then go with a more complex challenge.
@warrenlee
Posted
@cacosted Hey no worries, yes I saw you were trying to understand the basics. I think it's because there's no logic needed in the project so you couldn't really fully utilize React.
I would recommend trying out these challenges as they are simple and have some logic in them.
https://www.frontendmentor.io/challenges/interactive-rating-component-koxpeBUmI https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db
Marked as helpful
