TNG(..)
TNG provides hooks which deliberately resemble React's hooks. However, as TNG is a separate project, there are some important nuances and differences to pay close attention to.
TNG(..)
is a utility to produce Articulated Functions from normal, stanadlone functions. Articulated Functions adopt an active hooks-context to enable hooks capabilities.
For example:
The same function can actually be Articulated multiple times, with each one getting its own separate TNG hooks-context:
Articulated Functions have the same signature as the functions they wrap, including any arguments, return value, and the ability to be invoked with a this
context if desired.
Resetting Hooks-Context
Articulated Functions also have a method defined on them called reset()
. The reset()
method resets the internal TNG hooks-context of an Articulated Function, including any state slots, effects, etc.
For example:
Also, if an Articulated Function has any pending effect cleanup functions, reset()
will trigger them. See useEffect(..)
for more information on effects and cleanups.