Agree to the best file structure to go with for components.

[FarahZaqout]

Should be over by the end of tomorrow.

[FarahZaqout]

My Proposed Structure:

• src

• components

  -- common -- stateful -- stateless

• pages

My Reasoning:

• If it's a component, it should be inside the component directory. Period.
• Only layouts that need to be rendered with react-router should be in the pages directory. Period.
• Common components are components that we will be using all over the app.
• Statelss components are the smaller, function based ones that don't need to be concerned with how the data is manipulated.
• Stateful are class based and are very likely to call the stateless components.

[RamyAlshurafa]

I recommend this Link https://reactjs.org/docs/faq-structure.html

[ashatat]

If you’re just starting a project, don’t spend more than five minutes on choosing a file structure. Check this link

I think of having two main folders like this:

- components
  |__ // here goes the components that we don't call it in the router
- Pages
  |__// here goes the pages components which we will call it at the router

[amusameh]

I would go with the first method on Ramy's link Are we going to use redux?

[ashatat]

I agree with what @FarahZaqout said, but I am not sure about separating to stateless and stateful is a good idea what do you think guys?

@amusameh , my opinion is to use redux, but only when we need it ((when the state get complicated))

[FarahZaqout]

I don't mind the first method that Ramy linked. Keep in mind that when it comes to file structure, it's a matter of what makes most sense to us. I don't think there's right or wrong as long as our separation of concerns is decent.

So let's just vote by using thumbs up and see what makes most sense to us as a team

[FarahZaqout]

Alright, we will be using the first method specified in react docs.