Skip to main content

Should You Use Signals with React?


00:00 intro
00:56 useState Example
01:39 useState re-renders
02:45 how react data flows
03:54 @preact/signals-react Example
04:47 fine-grained reactivity
05:37 @preact/signals-react code walkthrough
08:03 React Compiler Example
09:23 Signals for global state management
10:43 Signals Proposal
13:09 use-signals hook + polyfill
14:59 signals from scratch
18:17 how to use signals in React today
18:44 thanks!

View the code here: https://github.com/w3cj/react-signal-examples

Preact Signals - https://www.npmjs.com/package/@preact/signals-react Signals Proposal - https://github.com/tc39/proposal-signals Signals Polyfill - https://github.com/proposal-signals/signal-polyfill/ use-signals - https://github.com/dai-shi/use-signals

A Hands-on Introduction to Fine-Grained Reactivity - https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf

🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack

Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor

http://www.syntax.fm

Brought to you by Sentry.io

#webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev