Design comparison
Solution retrospective
Hello again, I'm currently diving into the world of web development and eager to learn React and Sass. However, I could use some guidance on getting started with these technologies.
Resources: Could anyone recommend some beginner-friendly resources or tutorials for learning React and Sass? I'm looking for resources that offer hands-on exercises and practical examples to help me grasp the concepts effectively.
Best Practices: What are some best practices to keep in mind while working with React and Sass? Any tips or tricks that can help me write cleaner and more efficient code?
Any advice or insights you can provide would be greatly appreciated. Thank you for your help!
Best regards, Allan Hanauer
Community feedback
- @LucianoDLimaPosted 10 months ago
Gratz on complething this challenge!
In terms of best practice for writing clean code in React - and bear in mind some people prefer other methods - would be using the Single Responsability Principle. It basically means you should have one component handle a single thing. I like this method as it makes it very easy to revisit your project, as you know one component will be doing only one thing. You can watch this video that goes a bit more in depth into it, or here if you prefer to read.
Also, if you have components, it makes it more organized for you Sass files too. As you could have one folder for a component, and in that folder have the sass file that interacts with it, for example:
src -- components ----Container - container.jsx - container.scss ----Card - card.jsx - card.sass ----Button - button.jsx - button.sass --styles // ...and here would be your variables // and where the other styles would be imported to
Of course, this is a very simple example but it still shows how it could go.
About resources with hands-on exercises, do remember the best way to learn is by creating projects, there is this website that I hear is very good for beginners though, it has hands-on exercises and it doesn't hold your hand too much so it could be very useful, but it focus on full stack but you can look just at the react bits. There is also the Odin project which is very famous among learners, and they launched a react course last year
Marked as helpful1@allan-hanauerPosted 10 months ago@LucianoDLima Segui as dicas no novo projeto, agradeço pelas dicas!
0
Please log in to post a comment
Log in with GitHubJoin 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