Scaling a Single React App to 71+ Browser-Based Tools Without Killing Load Time

The problem with "just add another tool"

When you're building one image tool, performance is easy. When you're building 71 of them in the same app — resize, compress, crop, PDF merge, format converters, exam-photo presets, social media templates — the naive approach (import everything, bundle it all together) turns your app into a multi-megabyte JavaScript payload before a user has even picked a tool.

This is the actual engineering problem behind .

Curious from others in the comments

If you've built a similar "many small tools, one app" product, I'd like to compare notes — specifically on whether you went with route-based splitting like this or a micro-frontend approach instead, and where that tradeoff started to matter for you.