FAQ accordion with SASS and React

Community feedback

• 

  P

  Luciano Lima•1,290

  @LucianoDLimaPosted 9 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 helpful

  1

  ---

  

  Allan Hanauer•220

  @allan-hanauerPosted 9 months ago

  @LucianoDLima Segui as dicas no novo projeto, agradeço pelas dicas!

  0