Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

723: Svelte 5: Speed Simplicity Size

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Unveiling Svelte 5! delving into its latest features. From the impressive speed and simplicity to its compact size, discover what makes this new release so exciting. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:39">00:39</a> Syntax Is A Video Podcast!</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://www.youtube.com/@syntaxfm">@syntaxfm on YouTube</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=01:52">01:52</a> Brought To You By <a href="http://Sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=02:42">02:42</a> Svelte 5 Introduction</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href= "https://svelte-5-preview.vercel.app/docs/introduction">Svelte 5 Intro</a></li> <li class="has-line-data" data-line-start="10" data-line-end="16"> <a href="#t=05:45">05:45</a> What Are Runes? <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=06:21">06:21</a> $state()</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=11:49">11:49</a> $props()</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAE41QS2rDMBS8ykMUktBUSejOiQOlx6i7cGQ5FpElIT2nNcJ3rz75lW66Em9GM8yMJ62Q3JHiwxNV95wU5M0YsiQ4mni4M5fIw-30YFlEdo5ZYXBfqQpFb7RFeNfhVVzhK7RW9zCjqztEs8VsGwWSIzA9KIQSnhzWyOfrRWQC1w6KodAKhGKW90E7X4CPTIVZ81zCJtlMCVW71T2L2h0GxKDWiknBTqW_2Uwpa0JdAT55TVGdFVn90IHJ2rmyIqOuCKz2oXyvG9EK3pAC7cCn5W2ru-q_kzGtHIKnlFrucIo7GKuNm8cZfhXy8QNNYWLaRpwvyR6J_XWJQOciDkfJE0xHfd3vULPT0YbizQvTUtsCLG-2meu4OHZYwGa9Nt8X7Es02D1Caa9s_XePz-kHAwhxqEcCAAA="> Class as a rest prop</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=16:41">16:41</a> $effect()</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=21:17">21:17</a> $inspect()</li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=23:03">23:03</a> What Are Snippets?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=27:33">27:33</a> What Are Events?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=30:02">30:02</a> Built In Functions</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=32:42">32:42</a> Smaller Output</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://www.reddit.com/r/sveltejs/comments/18jdxht/i_have_migrated_147_components_to_svelte_5_and/"> Reddit example</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=33:31">33:31</a> Speed</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://krausest.github.io/js-framework-benchmark/current.html">Benchmarks</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=35:00">35:00</a> Anticipated Release</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <a href="https://svelte-5-preview.vercel.app/">Try it today</a></li> </ul> <h3 class="code-line" data-line-start="26" data-line-end="27"> <a id="Hit_us_up_on_Socials_26"></a>Hit us up on Socials!</h3> 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>

Unveiling Svelte 5! delving into its latest features. From the impressive speed and simplicity to its compact size, discover what makes this new release so exciting.
 Show Notes  00:00 Welcome
 00:39 Syntax Is A Video Podcast!
 @syntaxfm on YouTube

 01:52 Brought To You By Sentry.io

 02:42 Svelte 5 Introduction
 Svelte 5 Intro

 05:45 What Are Runes?  06:21 $state()
 11:49 $props()
  Class as a rest prop

 16:41 $effect()
 21:17 $inspect()

 23:03 What Are Snippets?
 27:33 What Are Events?
 30:02 Built In Functions
 32:42 Smaller Output
  Reddit example

 33:31 Speed
 Benchmarks

 35:00 Anticipated Release
 Try it today

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

723: Svelte 5: Speed Simplicity Size

Poslechněte si podcast