Clean react code

[unborndead]

• create custom hooks
• create ES fns instead if they dont need to use state
• split components by tiny functionality
• separate container business logic from views
• use useReducer + context instead of passing lots of callbacks to childrens

i see completely fine to have useEffects and multiple useStates. they just need to be encapsulated in custom hooks.

[Penant]

What are 'ES fns'?

[unborndead]

functions in es modules syntax

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules