I'm using React Redux.
Let's say I have some "Core Components" such as Navbar / Header & Footer.
Each component has its own style (SCSS). So I was thinking about doing the architectures in two ways:
import CoreComp from 'CoreComp/CoreComp'
1. First of all, don't worry about creating folders. They don't cost you any bytes.
2. For each component, say we have a folder
Component, write the component's code in
export default it.
So that you can import just like
import Component from './Component';
3. Component's styles go inside
4. Create sass mixins / functions / variables for common styles, and put it in
common.scss in a common place.
@import it and use wherever you want.
This is what we usually follow in React.js projects.
(Of course like for anything, there will be some people who dismiss this, but I love it this way).