Optimising css and better organisation throughout the app

Question

Optimising css and better organisation throughout the app

garimasingh128 opened this issue 4 years ago · 5 comments

We should not write CSS using style={}
We could either write CSS in js using a third-party library like emotion-js or styled-components
or we can write traditional CSS using .css or .scss file. for this approach, we can have a better folder structure like

components/
DispalyCard

displaycard.js
displaycard.css
Footer
footer.js
footer.css

Answer 1 · 2021-01-05T09:02:04.000Z

@garimasingh128 can you pls let me know what CSS approach we need in this project?

Answer 2 · 2021-01-05T09:54:58.000Z

You need to separate the CSS defined in the components into seperate JS and CSS files.
For ex:
you will create a folder in components:
DisplayCard
|- DisplayCard.js
|- DisplayCard.css

Like this for every component.

Answer 3 · 2021-01-18T05:03:15.000Z

Can I work on this ? I'm quite new to the open source project but I will try my best 😀

Answer 4 · 2021-01-18T05:21:39.000Z

All the best buddy

Answer 5 · 2021-01-19T13:03:55.000Z

Please review my PR #113 😄