This Is How You Sveltify Any JavaScript Library

Learn how to Sveltify any JavaScript library using Svelte actions and component composition.
👉️ Support
🔴 Patreon
/ joyofcode
👉️ Links
Sveltify Any JavaScript Library
🔗 joyofcode.xyz/sveltify-any-ja...
👉️ Setup
🔗 joyofcode.xyz/uses
👉️ Socials
🐦️ Twitter:
/ joyofcodedev
💬 Discord
joyofcode.xyz/invite
🔖 Timestamps
0:00 Intro
1:00 Floating UI
4:21 Using Svelte Actions
13:34 Leaflet
18:42 Using Component Composition
32:03 Dispatching Custom Events
36:27 Outro
#joyofcode #sveltekit #svelte

Пікірлер: 29

  • @7heMech
    @7heMech9 ай бұрын

    I just wanna say we all appreciate your videos, and you are very helpful, thank you.

  • @memestagestartup
    @memestagestartupАй бұрын

    I followed the instructions. After getting reference to the element, I did whatever I wanted. Now watching from Prison! ❤

  • @jayc413
    @jayc4139 ай бұрын

    Dude. You make coding so fun testing out the things you showcase in your videos. Just expressing my appreciation👏

  • @shableep
    @shableep5 ай бұрын

    I really like these frameworks that give access to the DOM. Because it makes it so that you can use these libraries that deal with the DOM directly, and don't make you dependent on every library you use being dependent on your chosen framework. Honestly, seeing this has made me realize how React grown the way it has, because everything React uses has to (mostly) be React based.

  • @matanon8454
    @matanon84549 ай бұрын

    Awesome many thanks 🙏

  • @michaelpotter9006
    @michaelpotter90069 ай бұрын

    Well done! Learned a few things and remembered a bunch more.

  • @alanoau5909
    @alanoau59099 ай бұрын

    Thank you for your tutorial. I'm learning so much from your videos.

  • @__aj2000__
    @__aj2000__9 ай бұрын

    beautiful

  • @TheJinxer000
    @TheJinxer0009 ай бұрын

    This help me alot I has try to create svelte action with flatpickr and it work very well🎉😊

  • @Huntabyte
    @Huntabyte9 ай бұрын

    🔥 per usual

  • @JoyofCodeDev

    @JoyofCodeDev

    9 ай бұрын

    Thank you! 😄

  • @sammy_vee
    @sammy_vee9 ай бұрын

    Thank you!

  • @JoyofCodeDev

    @JoyofCodeDev

    9 ай бұрын

    You're welcome! 😄

  • @senseicodes
    @senseicodes9 ай бұрын

    As always, awesome video tutorial Matia, now I'm thinking about Sveltifying a couple of js components from UiKit 😂

  • @JoyofCodeDev

    @JoyofCodeDev

    9 ай бұрын

    Let's go! 👏

  • @naranyala_dev
    @naranyala_dev9 ай бұрын

    hidden larger ecosystem, javascript as a whole

  • @omomer3506
    @omomer35069 ай бұрын

    Hee here matias

  • @ThanhMaiNguyen-tq3vj
    @ThanhMaiNguyen-tq3vj9 ай бұрын

    I haven't seen it yet. You make a video on instructions for building a personal website using sveltekit. I really hope you do it?

  • @Naton
    @Naton9 ай бұрын

    lihautan will be mad at that action

  • @unamgege
    @unamgege9 ай бұрын

    Croatia ftw - just returned from my second trip there - beautiful country, do you live there?

  • @JoyofCodeDev

    @JoyofCodeDev

    9 ай бұрын

    Yeah! 😄

  • @m_nasyr
    @m_nasyr9 ай бұрын

    Hi! What are your thoughts about runes?

  • @JoyofCodeDev

    @JoyofCodeDev

    9 ай бұрын

    I love the changes! You can watch my video on Runes here kzread.info/dash/bejne/hoOIt7qiib3Olpc.html.

  • @ramadhanafif
    @ramadhanafif4 ай бұрын

    I don't get the Symbol() trick. What does Symbol() === Symbol() had to do with using Symbol as map keys? I get that every time we call Symbol() a unique context identifier is generated, but does that mean the child 'marker' cannot trace back the parent 'map' context because it uses a different symbol?

  • @JoyofCodeDev

    @JoyofCodeDev

    4 ай бұрын

    It has to do with primitive versus reference values in JavaScript.

  • @Nukhtarov
    @Nukhtarov9 ай бұрын

    First! 🍌