I’m helping a company build a VERY big React app by composing many separate...
I’m helping a company build a VERY big React app by composing many separate React projects.
19 teams, and growing!
I just audited the projects and there’s a number of differences between the projects:
Lint rules
Form libraries
Router versions
tsconfig settings
State management libraries
Data fetching and caching approaches
That's a problem. Here's why: The more consistent our projects are, the more code we can share, and the easier it is to move between projects.
The solution to this problem? Share more code.
✅Standardize libraries.
✅Share logic via hooks.
✅Create an ESLint plugin.
✅Abstract away common configuration.
✅Consider creating a reusable framework.
Make it easy to stand on the shoulders of giants.