GeodooBlog: organizing styles in our app

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…

Sources: https://medium.com/the-react-native-log/tips-for-styling-your-react-native-apps-3f61608655eb

http://www.discoversdk.com/blog/react-native-styling-components