barrymichaeldoyle / capo-keys

Source code for my React Native Redux Tutorial on YouTube showing you how to build Capo Keys

Capo Keys

Source code for my React Native Redux Tutorial on YouTube showing you how to build Capo Keys

capo-keys's Issues

better file organization proposal

After contemplating, I want to propose a better file organization:

Each screen and component has its own folder. The folder contains the main .js file (named as <screennameOrComponentname>.js and not called index.js) and a file for styles, events (e.g. actions), and handers (e.g. reducers)

If a screen has components used only in that screen, another components folder should be opened under the screen named <screenname>Components

components\ // for shared components 
screens\         // for all screens:  mainScreen, chordsScreen (the modal screen) 
appState\      // for redux related files    

// mainscreen
screens\mainScreen\
screens\mainScreen\mainScreen.js // the main file
screens\mainScreen\mainScreenStyles.js
screens\mainScreen\mainScreenHandlers.js // the reducers
screens\mainScreen\mainScreenEvents.js // the actions
// mainscreen components
screens\mainScreen\components

screens\mainScreen\components\chordSection\chordSection.js
screens\mainScreen\components\chordSection\chordSectionStyles.js
screens\mainScreen\components\chordSection\chordSectionEvents.js
screens\mainScreen\components\chordSection\chordSectionHandlers

screens\mainScreen\components\capoSection\capoSection.js
screens\mainScreen\components\capoSection\capoSectionStyles.js
screens\mainScreen\components\capoSection\capoSectionEvents.js
screens\mainScreen\components\capoSection\capoSectionHandlers