React architecture for a huge business application

Question

So we\'ve recently picked up React in our company as the front-end technology to build our huge business web application. By saying recently, I mean we don\'t have any previous

Answer 1

We started a large scale business application using Reactjs as frontend technology. We have over 30 people in the team and we have over 15 modules in our product.

My approach is to the project is developing a common react project that handles only the Authentication, authorization and routing of the application and all other components developed as separate npm react libraries.

To develop the libraries I used https://www.npmjs.com/package/create-react-hook

This library generates the template with an example app which can use to test our library.

Following is the structure of the project

--Library 1 ( Developed using create-react-hook )

--Library 2 ( Developed using create-react-hook )

...

--Library n

--Common Container App (Developed using create react app and have used all above libraries using npm install)

The main advantage of this approach is developers can focus only on their npm packages and they can develop and test relevant component(s) separately. The deployment also becomes very easy because we can just update npm package of tested version and rebuild the container app and do the deployment without affecting any other part of the application.

We are using this for several months and running the project with a large team without any issue. I think this may be helpful to anyone else too.