💨 One Line Page Transitions in SvelteKit 🤯

Поділитися
Вставка

КОМЕНТАРІ • 34

  • @koodeau
    @koodeau Рік тому +84

    It’s amazing that we can now see Rich explaining new features. Good job 🎉

  • @lian1238
    @lian1238 Рік тому +70

    one line of css. but I won’t be able to replicate this without looking it up

    • @ronin.psycore
      @ronin.psycore 6 місяців тому

      If you do it enough, it becomes second nature. Just like everything else in programming.

  • @roastgg
    @roastgg Рік тому +6

    Wtf that's awesome! Also more complicated than I was hoping

  • @nicjrichdev
    @nicjrichdev Рік тому +6

    This is awesome!

  • @jefferymuter4659
    @jefferymuter4659 11 місяців тому

    Svelte makes me so happy. Hoping to jump into it by end of month.

  • @ilahazs
    @ilahazs 8 місяців тому

    I love vue 3 but after svelte comes out, this is my soul mate now

  • @tyu3456
    @tyu3456 Рік тому +15

    I had to look up what 'naff' means haha, guess it's a British thing (it means lacking taste)

    • @kyedav
      @kyedav 8 місяців тому +1

      I'm a brit myself and I've never really paid attention to his accent or anything till he said this. I was like, shit my guy is a brit! Haha

    • @JeremiKress
      @JeremiKress 6 місяців тому

      In my head he'll always be Swedish 😂​@@kyedav

  • @kaibe5241
    @kaibe5241 Рік тому +1

    Good page transitions is something I've been wanting from a framework FOREVER! This sort of stuff empowers me to help create one of the aspects of my game I really want.
    Great stuff, Rich :D

  •  Рік тому +1

    that's amazing!!

  • @antoninodellalbani431
    @antoninodellalbani431 5 місяців тому

    I used them in Astro and is amazing

  • @skylerjknight
    @skylerjknight Рік тому +1

    😮 incredible

  • @mav3ri3k
    @mav3ri3k Місяць тому

    This guy needs to be protected.

  • @segefjord
    @segefjord 10 місяців тому

    ☕️ me eagerly waiting for firefox and safari support 😭 This feature is so awesome, hope to see the support ASAP!!

  • @JDalmasca
    @JDalmasca Рік тому +1

    Going to be curious to see if Svelte 4.x offers an even better wrapper interface for the boilerplate. I wouldn't be surprised if Geoff Rich already has some ideas since he's been doing some demos with the new page transition API.

  • @tomich20
    @tomich20 11 місяців тому

    I thought you were going to show how to transition the whole page like an App (full drawer push like transition)

  • @marcosissler
    @marcosissler 5 місяців тому

    Amazing! I love how easy is to use Svelte! Anyone know any project to easily integrate a Golang and Svelte?

    • @klausklaus8099
      @klausklaus8099 5 місяців тому

      make a svelte frontend and go backend server

  • @huzeyfetas
    @huzeyfetas Рік тому

    awesome

  • @george_davituri
    @george_davituri 10 місяців тому

    thumbs up

  • @flammea_
    @flammea_ Рік тому

    is this new css spec?

  • @englishaccount4016
    @englishaccount4016 Рік тому +2

    What video is this from? I want to se the full explanation

    • @SvelteSociety
      @SvelteSociety  Рік тому +3

      It's from the latest Dev Vlog (April 2023)

  • @oskrm
    @oskrm Рік тому

    🤯🤯

  • @RodrigoDAgostino
    @RodrigoDAgostino Рік тому

    🤯

  • @saralightbourne
    @saralightbourne 11 місяців тому

    does anyone know how to create such animation in nextjs?

    • @ilahazs
      @ilahazs 8 місяців тому

      it's pain

    • @saralightbourne
      @saralightbourne 8 місяців тому +1

      @@ilahazs i managed to create them with framer-motion

    • @ilahazs
      @ilahazs 8 місяців тому +1

      @@saralightbourne thanks, glad to hear it

  • @domantasgiedraitis3293
    @domantasgiedraitis3293 Рік тому

    Yup, tried it today and can't do it. [Module '"$app/navigation"' has no exported member 'onNavigate']

  • @maskman4821
    @maskman4821 Рік тому

    In Rich we trust 🙏😍😀😘🦾👍🤩