Full-Stack React Projects - Second Edition

Client-side code

The client-side code for the MERN applications consists primarily of React components. In order to organize the component code and related helper code in a reasonable and understandable manner, we separated the code into folders related to a feature entity or unique functionality, as shown in the following structure:

  | -- client/    | --- auth/    | --- core/    | --- post/    | --- user/    | --- componentFolderN/

In the preceding structure, we placed all of the auth-related components and helper code in the auth folder; common and basic components, such as the Home and Menu components, in the core folder; and then we made post and user folders for all of the post-related or user-related components in the respective folders.

This separation ...