Managing complex intertwined form vs using state and reducers in React
Hey all, I have a pretty complex form (1500 lines is the full working implementation); essentially, there are array fields that depend on other array fields. It works and it's fine but it's a piece of shit code.
Recently I've been playing around with reducers, haven't used them extensively before. I asked o3-mini to rewrite the entire page using the concept of reducers and building state in memory, then assembling it on the fly for submission. This implementation is a good bit shorter (30% or so), but it also feeels easier to reason about because the complex dependency logic is not deep inside a form.watch inside the return clause, but in a single function.
I'm curious to know if doing this is even a good idea?
0 Replies