Organizing the React Relay Project Directory Structure

Question

I am starting to build projects using Relay , and I underestimate my project structure a bit (I use an isomorphic approach).

Here is my normal React project structure:

-- project
     |-----src
     |       |---components (React components with their respective .css styles)
     |       |---containers (React/Redux containers)
     |       |---helpers (Helpers, common to components and containers)
     |       |---redux (Redux stores)
     |       server.js (node server code)
     |       client.js (client code)
     |       routes.js (routes)
     |       config.js (application config)
     |
     |-----static
     |       |-- ... (static files)
     |-----webpack 
     |       |-- ... (webpack configuration files)

In React / Redux, a container is conceptually a “smart component” (see this link and it makes sense to distinguish between them in a component (pure React component) and a container (“intelligent component” with reduction data)

Now, when I move on to Relay, the container is conceptually connected only with data in relation to the React component (see here ), and this will slightly change the directory structure above.

Questions:

a) Should I store components and containers in a separate directory?

b) itens :

  src
   |------ containers
               |-------- itemcontainer.js (relay container)
               |-------- itemcomponent.js (react component)
               |-------- itemcomponent.css (react component styling)

, , ?

c) - ?

, React/Relay?

React/Relay?