$30 off During Our Annual Pro Sale. View Details »

SvelteKitでストアのハイドレーションを考えてみた

kubotak
August 01, 2022

 SvelteKitでストアのハイドレーションを考えてみた

2022/07/29@Svelte交流会

kubotak

August 01, 2022
Tweet

More Decks by kubotak

Other Decks in Programming

Transcript

  1. Copyright© M&A
    SvelteKit
    202 2
    /
    0 7
    /
    29
    @Svelte #1 Kenjiro Kubota

    View Slide

  2. Copyright© M&A
    Profile
    kubotak-is
    kubotak_public
    kenjiro.kubota
    M&A
    (Java|Type)Script
    PHP
    https://kubotak.page
    Web Laravel ( )

    View Slide

  3. Copyright© M&A
    5

    View Slide

  4. Copyright© M&A

    View Slide

  5. Copyright© M&A
    Nuxt
    3
    (State)
    SSR useState

    View Slide

  6. Copyright© M&A
    SvelteKit


    View Slide

  7. Copyright© M&A
    SvelteKit

    View Slide

  8. Copyright© M&A
    SSR CSR HTTP API


    SSR


    SvelteKit

    View Slide

  9. Copyright© M&A

    View Slide

  10. Copyright© M&A
    1
    .SvelteKit API
    SvelteKit


    (.js|.ts)
    API


    SSR
    props


    CSR props

    View Slide

  11. Copyright© M&A

    View Slide

  12. Copyright© M&A
    aspida API


    aspida
    aspida HTTP API

    View Slide

  13. Copyright© M&A
    RequestHandlerOutput
    body

    View Slide

  14. Copyright© M&A
    2
    .Load Props
    SvelteKit Load props


    Load
    API

    View Slide

  15. Copyright© M&A

    View Slide

  16. Copyright© M&A
    Load
    props

    View Slide

  17. Copyright© M&A

    View Slide

  18. Copyright© M&A
    3.
    Svelte

    View Slide

  19. Copyright© M&A

    View Slide

  20. Copyright© M&A
    setter aspida

    View Slide

  21. Copyright© M&A
    Load setter API

    View Slide

  22. Copyright© M&A

    View Slide

  23. Copyright© M&A

    View Slide

  24. Copyright© M&A

    View Slide

  25. Copyright© M&A





    Svelte


    Svelte(Kit)

    View Slide

  26. Copyright© M&A
    :-0

    View Slide

  27. Copyright© M&A
    SvekteKit Store session
    Store


    LT
    1
    .
    0
    .
    0
    -next.
    377

    View Slide