Svelte 4 vs. Svelte 5 - Runes and Snippets 👀

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ค. 2024
  • 📝 In this video, I show you some basic differences between Svelte 4 and the upcoming Svelte 5
    .🚀🔥 Build real web apps: www.svelterust.com/
    Don't forget to hit the like button, subscribe to SvelteRust, and turn on the notification bell 🔔 to stay updated with our latest videos 🚀.🔥
    Chapters:
    00:00 - Intro
    00:15 - Runes
    00:40 - Reactive let-statement vs. $state
    01:15 - $: vs. $derived
    01:32 - Benefit of Svelte 5
    02:20 - $effect rune for side effects
    03:02 - export let vs. $props
    03:55 - slot in layouts vs. children()
    04:18 - Snippets for reusable UI
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 16

  • @svelterust
    @svelterust  21 วันที่ผ่านมา

    Want to BUILD real web apps? Join the SvelteRust community today: svelterust.com

  • @anfytrion
    @anfytrion วันที่ผ่านมา

    Great video explaining Svelte 5 changes in just 5 minutes 👏👏👏👏👏

  • @luismartins1150
    @luismartins1150 19 วันที่ผ่านมา +4

    Nice video, very short and direct. I was still very confused how to use this new features in practice and this helped me understand it better

  • @fallingseasy
    @fallingseasy 21 วันที่ผ่านมา +5

    This is very concise. No useless yapping. Good job!

    • @svelterust
      @svelterust  20 วันที่ผ่านมา +1

      I hate yapping. Definitely think technical videos should be straight to the point 😉

  • @osc3892
    @osc3892 12 วันที่ผ่านมา

    This was good content. I hope you get more views and channel grows

    • @svelterust
      @svelterust  11 วันที่ผ่านมา

      Thanks for the kind comment! I want to build an exclusive community around Svelte and Rust in the future so people can easily learn from others, hire each other, work on projects together and generally just build faster 😁

  • @MadeInJack
    @MadeInJack 18 วันที่ผ่านมา

    Thanks a lot! Can't wait for more Svelte 5 content :D maybe more complex reactive scenarios (e.g. having a firebase real-time document subscription inside an easy to use reactive helper function, and changing the value automatically writes to firestore).

    • @svelterust
      @svelterust  17 วันที่ผ่านมา

      Definitely, thanks for the idea. I'll cook something up 😄

  • @jooonmantv
    @jooonmantv 21 วันที่ผ่านมา +1

    great video thanks bro keep going 👍

  • @twd2
    @twd2 20 วันที่ผ่านมา +1

    Great illustration...

  • @theIbraDev
    @theIbraDev 21 วันที่ผ่านมา

    I get it that svelte needed to do this for future features. but this reminds me so much of react.
    Edit: Snippets are really good. One of the few things i like about the changes

    • @svelterust
      @svelterust  21 วันที่ผ่านมา +1

      It's all converging back to Knockout.js🤣

    • @svelterust
      @svelterust  21 วันที่ผ่านมา +1

      I get what you're saying, but I don't think it goes further than it looking more like React. Actually using it feels completely different.

  • @alperokurcs
    @alperokurcs 9 วันที่ผ่านมา

    Can u share your vim/nvim config files please?

    • @svelterust
      @svelterust  9 วันที่ผ่านมา

      It's Emacs, you can find it here: github.com/knarkzel/nixos/tree/master/dotfiles/emacs