Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

About FIle Structure #54

Open
malmzz opened this issue Aug 24, 2016 · 1 comment
Open

About FIle Structure #54

malmzz opened this issue Aug 24, 2016 · 1 comment

Comments

@malmzz
Copy link

malmzz commented Aug 24, 2016

I have some concerns about the recommended file structure for big projects. Im starting one now and Im trying to use RSCSS but i`m struggling with the file structure. The guidelines talk about making one file per component. While this makes sense for me for small/medium projects, sounds like a nightmare for big web applications. Is there any other recommendations, like putting layouts in another folder? combining some components in the same file? Or any other thing that could help

@mik01aj
Copy link

mik01aj commented Sep 5, 2016

I use RSCSS with React components, and I keep each component in a separate folder. The structure is roughly like:

ui/
   Button/
       index.jsx // react component
       style.scss // rscss component
       // other stuff, like docs, tests, mocks, images, etc.
   OtherComponent/
       index.jsx
       style.scss
pages/
   HomePage/
       index.jsx
       style.scss
styles/ // these are global styles
   _reset.scss // html reset
   _definitions.scss // global color/font definitions
   application.scss // big list of includes. This is what I compile to CSS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants