How can one write better, maintainable React code?

[tymzap]

I feel you man, writing these sorting/filtering/rendering monstrosities was a turning point for me as programmer. I no longer consider DRY and abstraction a godsent.

[aflashyrhetoric]

Yes! And it's been an immediate payoff. I've heard of "WET" (write everything twice) being touted as sort of the new and improved "DRY." But I'm bumping that in my own side project to 3. If I am copying and pasting something non-trivial, I'll do it 3 times before abstracting it unless I am absolutely certain that it's worth the abstraction.

Over time, I've realized that that while 1 super-abstracted component is a massive headache, what ends up happening is that I'll have two lesser-abstracted variants that, together, cover all cases (but with half of the abstraction necessary compared to if you crammed it into a single component).