added didUpdate()

[jrson83]

Reference Issues/PRs

None

What does this implement/fix?

To create new/more opportunities for developers, the following methods have been added:

• Added willUpdate()
• Added didUpdate()

Todo

• Add prevState/prevProps & nextState/nextProps to didUpdate(), to give the opportunity for conditionally actions and make state more reactive

The Nano JSX Component Lifecycle

Mounting

These methods are called in the following order when a class component is created and rendered:

• constructor()
• willMount()
• render()
• didMount()

Updating

When calling this.update() on a class component, these methods are called in the following order:

• willUpdate()
• render()
• didUpdate()

Unmounting

This method is called when a class component gets removed/unmounted:

• didUnmount()

---

Thanks to Robert Boes!

[jrson83]

What is the purpose of willUnmount()?

This can be useful for clean up. It is invoked immediately before a component is unmounted. You can cancel network requests and invalidate timers, remove event listeners or subscriptions. It allows for transitions, so you can add classes at that point, add a listener for when the CSS event ends. You can possibly make the willUnmount() async, so it will wait with unmounting when the CSS animation is finished and you return from the function.