docs: added useOn hooks

[the-r3aper7]

What is it?

• [ ] Feature / enhancement
• [ ] Bug
• [x] Docs / tests

Description

This should solve #2282

Use cases and why

• 1. One use case
• 2. Another use case

Checklist:

• [x] My code follows the developer guidelines of this project
• [ ] I have performed a self-review of my own code
• [x] I have made corresponding changes to the documentation
• [ ] Added new tests to cover the fix / functionality

[stackblitz[bot]]

Run & review this pull request in StackBlitz Codeflow.

[shairez]

thanks @the-r3aper7 !

I think this should be part of the "Lifecycle" page no?

Maybe we should rename it in the menu to "Lifecycle (hooks)" to make it clearer

[the-r3aper7]

cool I will make the changes by tonight just let me know if we should have a different page for this named Lifecycle (hooks) or add these things in Lifecycle page?

[shairez]

thanks buddy!

[shairez]

on second thought - not sure it's related to lifecycle it looks like utils for adding event listeners in general

@manucorporat WDYT?

[manucorporat]

wondering if this is events

[manucorporat]

for me this are just events, in fact it's the same as doing: <div onClick, but programatically, so it can be composed with hooks

[the-r3aper7]

so, where should we add this?

[the-r3aper7]

@shairez @manucorporat i have made the changes see it's matches the context of events page.

[zanettin]

@manucorporat @shairez just tested the changes locally and they LGTM 👍 thanks a lot @the-r3aper7 🙏 hope we get this merged soon since it is a great addition for the docs imo.

[shairez]

thanks @the-r3aper7 and @zanettin ! merging