JavaScript is missing a built-in way to make variables reactive—but Signals might change that. Scott and Wes break down what Signals are, how they compare to React state, and how different frameworks like Preact, Solid, Vue, and Qwik are already using them. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:49">01:49</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:28">02:28</a> Why JavaScript needs reactive variables.</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <a href="#t=03:16">03:16</a> What exactly are signals? <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://github.com/tc39/proposal-signals">Signals Proposal</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=04:02">04:02</a> Understanding computed state.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=04:59">04:59</a> How signals differ from React state.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=06:12">06:12</a> How different frameworks handle reactivity.</li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <a href="#t=07:09">07:09</a> DOM Parts. <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://github.com/WICG/webcomponents/pull/1023">Pull Request</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="16"> <a href="#t=07:26">07:26</a> HTML Template Instantiation. <ul> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href= "https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Template-Instantiation.md"> Template Instantiation</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="19"> <a href="#t=09:10">09:10</a> Comparing signals across frameworks: Preact, Solid.js, Vue, and more. <ul> <li class="has-line-data" data-line-start="17" data-line-end="19"> <a href="https://github.com/preactjs/signals">PreactJS Signals</a>.</li> </ul> </li> </ul> <a id="Hit_us_up_on_Socials_19"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

875: JavaScript Signals Explained

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews