Evavic44/rocketmeme

Separate stylesheet

SpiffGreen opened this issue · 4 comments

SpiffGreen commented

The styling is done internally with styled components. Separate the styling for different different pages as needed using a well structured approach.

Evavic44 commented

What approach do you recommend? @SpiffGreen 🤔

MorganJay commented

@Evavic44 we could use something like this

image

Evavic44 commented

@Evavic44 we could use something like this

image

Hey @MorganJay. 👋🏽 Yes, this is the approach we opted for, though it was modified a bit. has raised a PR for the files inside the pages directory.

The procedure @SpiffGreen did is to put each file in its respective folder and renamed it to index.js
For example, About.jsx is renamed to index.jsx and put inside an About folder and on the App.jsx, we can import it by pointing to the directory like so:

import About from "./pages/About";

You can follow this procedure to minify the components files.

MorganJay commented
  • 👍1