Learn How To Derive Values In Svelte 5 Without Side Effects

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

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

  • @RonnieDenzel
    @RonnieDenzel 2 месяца назад +5

    Best ad I ever seen,backed by a great explanation in svelte runes💯

  • @mikejohneviota9293
    @mikejohneviota9293 2 месяца назад +7

    Svelte 5 is almost there i feel it!!!!;🎉🎉🎉

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

    As someone who's using svelte 5 in production this has been insanely helpful and relatable haha

  • @IsaacHarrisHolt
    @IsaacHarrisHolt 2 месяца назад +6

    Excellent video! I've been keeping an eye on your tweets and its good to see them with a nice explanation. Super helpful for someone who hasn't been able to explore Svelte 5 much! Also liked the more casual style for this one :)

  • @webstuffzak
    @webstuffzak 2 месяца назад +6

    I love how much fun you're having. It's infectious.

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

      I try to make it entertaining 😄

  • @nanakojoatta-benyah7794
    @nanakojoatta-benyah7794 2 месяца назад +2

    I'm overjoyed to see this video

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

    That's how easy peasy lemon squezy this is! Please don't call the police XD
    Love your work man, keep it up.

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

    5:00 I know this is your catch phrase, but I absolutely love that this actually got me to laugh. Donating now.

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

    Svelte 5 can't come soon enough

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

    Why does this feel so good.

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

      If this feels so good then you have not seen vuejs.

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

    thanks man look great!!

  • @thedelanyo
    @thedelanyo 2 месяца назад +6

    $effect for side effects. $derived for sync ✍️✔️

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

      So if I want to keep values (for example from inputs) in sync with local storage
      Do I use effect?

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

      @@foitzer4839 I wouldn't use the reactivity model for that. Handle input with the element's `oninput={handler}` directive, then in the handler function, process the input and update localStorage.

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

    Aye, yo make more videos love your content

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

    how are you getting the IDE auto complete ? I'm using Webstorm and it still doesn't know what runes are :(

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

      I use VS Code and the Svelte extension

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

    My gov!!!
    I don't know how I'm going to migrate my workarounds (hacker thing) 😁!!
    Will you make a video about $bindable?

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

    I live in the us and don't think I could've spelled Fahrenheit off the cuff that quick

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

    [object Object] how beautiful is that friends 😂
    We had d (deez nuts 🤭) 😂
    Had me cracking up today

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

    "DOBLE" 🇪🇸💃

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

    Reporting you to the Svelte police... for being too good, educational, and fun

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

    Bro playing as overengineer Typescript functional developers "Oh I am using this and that then this that calls that, I am so smart"

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

    sooo, if u r gonna just write normal code, you don't ever need to watch this video.
    the problem is nobody is gonna write normal code so better watch to be aware of what you could cause.

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

    Ok I love classes now

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

    I still dont see how Svelte 5 is easier than Svelte 4. While i love some of the new features, in general i have the feeling that this isn't what svelte was to me anymore. I could just use Vue3 if i want this.

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

      I'm on the exact same boat.

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

      Svelte 5 is not easier than Svelte 4 if you're already familiar with Svelte 4. There are a lot of new concepts and changes that bring it a little closer to vanilla syntax, but this will also change your code significantly, like event dispatching for example. Remembering when I started with Svelte, I think Svelte 5 is easier to learn if you've never heard of Svelte. But if you're already a Svelte Pro, the change can be a bit challenging.
      If I get to it, I will contribute to the docs to show how old concepts translate to new concepts because the current Svelte 5 docs does not cover that (sufficiently).

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

      I think they're both a great choice

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

      @@Wombosvideo My issue is just that i dont see the point in using svelte anymore, when its so close to Vue3's syntax (when it only comes to syntax, sure there are other factors too). The appeal for me was the simple syntax which made it appear that any variable is reactive (without using runes/functions). This magic came with a price, sure, but it was the unique selling point to me (plus that svelte has no vDOM).
      Like i said, i really like some of the changes like passing eventhandlers as props instead of using dispatch and i especially love the snippets.

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

    banana mentioned

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

    it went from being jQuery like to react like

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

    I'm increasingly disillusioned with this Svelte project

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

      what about it do you not like?