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
All links available at https://syntax.fm/870
------------------------------------------------------------------------------
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