Svelte 5 Runes Demystified (1/4) - Signal Reactivity Basics

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024

Комментарии • 27

  • @SvelteSociety
    @SvelteSociety 3 месяца назад +20

    Svelte Society approved! ✅ 👏
    Great series!

  • @maximus1172
    @maximus1172 Месяц назад +2

    I skipped svelte 4 and jumped to 5 and now I am totally convinced that this is the way!!

  • @TheStickofWar
    @TheStickofWar Месяц назад +2

    Svelte 5 should include this as part of their docs to showcase the difference of store thinking and signal thinking :)

  • @_dannyv
    @_dannyv 3 месяца назад +7

    You dropped this 👑

  • @TheMaxiviper117
    @TheMaxiviper117 3 месяца назад +4

    Great explanation, most of the Svelte 5 nay-sayers are simply ignoring or unaware of these under the hood benefits in favour of Svelte 4 "feel"...

    • @petermakeswebsites
      @petermakeswebsites  3 месяца назад

      Thanks! And yes, however I do think that there are some losses moving from Svelte 4 to Svelte 5. A lot of those nay-sayers have some valid points. There are some conveniences that have been stripped away, and Svelte 5 I find actually requires a bit more of a technical understanding whereas Svelte 4 it was easier to just jump in. Svelte 5 I believe will scale more cleanly, though, which works for my particular use cases. In any case, like you say, you need to understand Svelte 5 fully before you can pass a judgement...

    • @TheMaxiviper117
      @TheMaxiviper117 3 месяца назад +2

      ​@@petermakeswebsites Yes, but conveniences should never overshadow functionality. While they should complement each other, functionality must take precedence. Regarding Svelte 5 requiring a deeper technical understanding, that's not necessarily a bad thing. As you demonstrated in the video, Svelte 4 had behaviours that didn't align with JavaScript standards, whereas Svelte 5 does. The main issue I see is the documentation for Svelte 5-it's quite brief and to the point. If there were a more descriptive way to reveal what's happening under the hood, the higher technical requirement would be less of an issue. With Svelte 4, I never fully understood how its reactivity worked. It was more a case of "okay, this works 🤷‍♂" without knowing why or how. While the magic $: syntax is simpler, I'd rather want to improve my JavaScript skills while using it a framework.

  • @isaacfink123
    @isaacfink123 3 месяца назад +1

    19:47 i had to re-watch this a few times, but all of a sudden, it clicked. That's actually genius

  • @BhideSvelte
    @BhideSvelte 3 месяца назад +1

    I really love the way he explain things....like feels like old connections or something....

  • @BhideSvelte
    @BhideSvelte 3 месяца назад +1

    this man is increasing my focus and attention span ...love watching 😍

  • @Mexad0n
    @Mexad0n 3 месяца назад +1

    I have got most of it but need to watch again for some parts. Your explanations are deep and clear. This is I need. Thank you Peter.

    • @petermakeswebsites
      @petermakeswebsites  3 месяца назад

      Thanks for your feedback! What parts feel unclear to you?

    • @Mexad0n
      @Mexad0n 3 месяца назад

      @@petermakeswebsites not unclear but I have to sort it out in my head the way I'm thinking 😁

  • @forno_nicolas
    @forno_nicolas 3 месяца назад +2

    MAN THANKS YOU FOR THIS!!!! 💯💯💯
    Awesome explanation...

  • @phocks64
    @phocks64 2 месяца назад +1

    Thanks for this. It really helps to know what's happening under the hood!

  • @xftsttg
    @xftsttg 3 месяца назад +1

    This is exactly what I need, thank you legend!!!!!

  • @dansvel
    @dansvel 3 месяца назад +1

    this video is awesome,, now i really get it what the different idea state signal want to reach, and what make it better than store,,
    love your video

  • @MadeInJack
    @MadeInJack 2 месяца назад +1

    That demo is so cool! Bravo!

  • @merunus8556
    @merunus8556 2 месяца назад +1

    Great video, thanks for the demo!

  • @accountwizardindia8171
    @accountwizardindia8171 3 месяца назад +1

    You earn it!!
    👍

  •  3 месяца назад

    Great explanation, Peter! Thanks!

  • @justinoneill2837
    @justinoneill2837 3 месяца назад

    Excelllent breakdown

  • @whatthefunction9140
    @whatthefunction9140 3 месяца назад +1

    What's the name of that visualizer?

    • @petermakeswebsites
      @petermakeswebsites  3 месяца назад

      That's a little project I created, link is in the description. Read the readme so you don't get too confused. The syntax doesn't match Svelte exactly but it's reasonably close but without some of the extra optimisations like proxies (for the time being).

  • @manabicat
    @manabicat 2 месяца назад

    As a non developer learning svelte, stores is giving me a headache. This sounds much more intuitive. Any idea when svelte 5 will release in beta?

    • @petermakeswebsites
      @petermakeswebsites  2 месяца назад

      My tutorials presuppose that you have some foundational dev experience, so they may not right for you. If you're a non-dev I'd suggest learning the basics first. Svelte 5 is already a release candidate - so past beta already.