Since React took off, Functional Programming has really taken off and is being used in more places. Not one to get left behind I tried learning it and applying it in as many places as I could 5 or 6 years ago but quickly realized it wasn’t for me. I’m not going to get into all the reasons for that since most of them are just preference but the big reason why I keep my usage of Functional concepts to somewhat of a minimum is that it makes things overly complicated in many cases.

This is a pretty simple blog post tackling a problem I’ve seen a few times on React projects. There are quite a few ways of tackling it (Redux for example) but this is a simple, no dependency option. I’m also going to point out what should be obvious, the code here is just example code and is missing lots of things production code would have. All that aside, on to what the problem actually is!