React.js state management using signals

A signal is an object that has a value and can be observed for changes. It is similar to a state, but it is not bound to a component. It can be used to share data between components. It updates the components when the signal changes and updates the UI without re-rendering the whole component.

This lets us skip all of the expensive rendering work and jump immediately to any components in the tree that actually access the signal’s value property.

In this article, I’ll be using signals with React.

We can create a state(signal) using the signal function, signal function takes default signal(value) as a parameter and returns the Proxy object. Value of signal can be accessed using signal.value the property. We can also set the value of the signal using signal.value = newValue.

NOTE: React Hooks can only be called inside the root of the component, Signal can be used outside of a component.

We don’t have to pass dependencies array like the useEffect hook. It’ll automatically detect dependencies and call effect only when dependencies change.

When working with signals outside of the component tree, you may have noticed that computed signals don’t re-compute unless you actively read their value.

Thank you for reading 😊

Got any questions or additional? please leave a comment.

Must Read If you haven’t

useAsync hook with cache
React best practices and patterns to reduce code — Part 1
React best practices and patterns to reduce code — Part 2
3 steps to create custom State Management with React and Context API

More content at Medium

Related posts:

SupraOracles continues to turn heads in the FinTech world. Recently, notable Silicon Valley incubator Plug and Play announced that Supra has been ranked among their top 10 Web3 projects. Plug and…

We are always evolving in Xpay in order to offer you different solutions to make access to crypto assets easier in Latin America. That is why we have a Crypto Asset Store available in our platform…

I am not allowed to be pissed off. I can’t be angry. Rage is forbidden. No wonder I am claustrophobic. I am suffocated by the pressure of my rules squeezing me tight like a boa constrictor, squeezing…