Agree File Structure

[yalla-coop]

Agree File Structure

[martinbagshaw]

One thing that we do at my work is name react components as .jsx files in PascalCase, which makes it easy to differentiate between these and helper functions at a glance.

Should assets (images etc) be in the public folder? What would reside there?

I was also wondering what the 'constants' folder would contain?

[wright1]

That file structure makes sense to me. If we use create-react-app (CRA) the file structure can be easily customised.
@mr-bagglesworth No, assets shouldn't be in the public folder, webpack doesn't read the public folder hence public folder isn't compiled in CRA (althought if pre-fixed with '%PULIC_URL%' assets will be compiled, bad pratice!) . I'm not sure why the favicon is always kept there.

[martinbagshaw]

@wright1 cool, guess I've been working on collossal apps where everything gets auto uploaded to a CDN for too long now!

[MohammedYehia]

we should put every page in its own folder inside the Pages folder

|     ├── Pages
|     |     ├──WelcomePage
|     |     |     ├──index.js
|     |     |     ├── style.css

@mr-bagglesworth constants folder is for Route names and other constant urls

[wright1]

Do you usually add babel-eslint for parsing errors