How giant stateful React Components can hurt the productivity of your team

One of the hardest things about building a large react app is knowing how to put many pieces of the components together well and make sure the app is still fast as it’s small. This is not an article about optimization techniques but keeps reading, I’m going to talk about the most deadly mistake a react dev can make to ruin a project.

Imagine this requirement: an autocomplete input has 3 variations: mobile, tablet, and desktop. It has 3 user behaviors. It displays the dropdown result with different…