Hey there! How are you? I hope well!
Well, I am in terrible need to organize my stylesheets inside the app. If you can call stylesheets all those JS objects flying around! Well, I searched a lil’ bit and refactored my components to the following structure:
- ComponentName |- index.js |- styles.js
inside my components/ folder located at my root directory! I also made another subfolder to the components/ folder called common-styles, because I do not want to copy paste the same objects all over again and again to every new Component using the shared style with others! Inside there I made 3 files named according to the following structure:
|- common-styles |- styles.js |- colors.js |- fonts.js
So, I am going with this structure for styling my app from now on! Hope it works fine…