Question

91

What should be a project structure for React + Node.js?

rated 0 times [ 96] [ 5] / answers: 1 / hits: 23250 / 9 Years ago, tue, september 22, 2015, 12:00:00

A bit wide question, but with all those trends in JS world, sometimes it is hard to find information about such simple things.
What is the better way to organize files and folders in such kind of project?
There is server examples in few language from Facebook, but it is for very basic project.

Also find out React Examples on git

But those examples are just for playing around.

The goal is - to have clearly separate Client and Server component. Move them in separate trees of folders.
Also have app-like structure (like for example Django does)

So main question is:

what is correct way to separate nodejs/iojs serveer side from React client side component and put it all together in one project?

Project:

nodejs server, for site where users can create their own articles separated in hubs/topics.

React on front end.SPA.

load - about 10 000 users.

MongoDb database with access through Mongoose

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

darrylm

Add To Favorites

Follow

Total Points: 499

Total Questions: 131

Total Answers: 108

Location: Saudi Arabia

Member since Mon, Sep 5, 2022

2 Years ago

answered 9 Years ago wilson · Accepted Answer

Basically you could start with any React.js boilerplates; look through it, and evaluate the problem in a few aspects

is it easy to separate the works among groups of people

does the app structure makes sense? would you have difficulty understanding the app structure a while later when you rework on the same thing?

in the future if you want to add functionalists would it be difficult to do so? (say you want csrf support)

I compared a few react boilerplates and eventually go with isomorphic500. I revised me code a bit to reach something like this:

what is inside my src folder is the modules you will be developing. To me it's easier to develop stuff if all the modules are decoupled and by doing this you can separate your work among your teammates, if any.