mori VS immutability-helper

immutable-js or mori for immutable data structures

Use persistent immutable data structures (as implemented in, for instance, mori or Immutable.js) to represent the state. As much as possible, push calculations into referentially transparent functions (i.e., input depends purely on output) which take persistent data. Write the interactions with the real world in imperative style.

Mori

Always make immutable variables. You can achieve this by having a persistence data structure using Mori or immutable.js libraries to open the features such as linked list, trees, path dealing to help with efficiency. I will not be covering how to create a persistence data structure using those libraries as it’s not the scope of this post.

if you're feeling fancy, try out https://www.npmjs.com/package/immutability-helper

Here’s a lib that could help: https://github.com/kolodny/immutability-helper

https://reactjs.org/docs/introducing-jsx.html https://www.freecodecamp.org/news/what-the-heck-is-jsx-and-why-you-should-use-it-to-build-your-react-apps-1195cbd9dbc6/ https://egghead.io/learn/react/beginners/wtf-is-jsx https://danburzo.github.io/react-recipes/recipes/immutability.html https://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/ https://github.com/kolodny/immutability-helper https://www.dottedsquirrel.com/declartive-imperative/

I'm OK to use any of the libraries immutability-helper, immutable-js etc or ES6. I've tried and googled this for over 4 hours, and still cannot wrap my head around it. Would be extremely grateful for some help.

I doubt that’s true, check this out, it’s designed with your use case in mind.

This tutorial uses the create-react-app as the starting template. The react and react-dom dependencies are both version 17.0.2. The react-scripts is version 4.0.0. The yup library is the fourth dependency and it is version 0.32.9. The fifth and last dependency is immutability-helper, version 3.1.1.

Are you perplexed by the syntax of immutability-helper? Repulsed by immer.js's use of assignment? Alarmed by lodash's lack of type safety?

If you still insist using a deeply nested and quite complex object, I would advise you look at immutability-helper - https://github.com/kolodny/immutability-helper or similar immutable library.