MENU

Fun & Interesting

Use any JavaScript or TypeScript Library in Svelte 5 (The Right Way)

Stanislav Khromov 5,409 3 months ago
Video Not Working? Fix It Now

00:00:00 Introduction to using vanilla JS libraries in Svelte 00:02:37 Quick and dirty implementation with bind:this 00:05:09 Handling component lifecycles and cleanup 00:07:56 Creating reusable Svelte actions 00:12:20 Implementing Swiper.js into Svelte 5 00:17:35 Improving Swiper.js implementation to use Svelte actions Discover two powerful ways to integrate vanilla JavaScript libraries into your Svelte projects. This tutorial covers both quick implementation and production-ready approaches using typewrite-effect and Swiper.js as examples. With this guide, you can implement any vanilla JavaScript library from npm into your project. 💻 typewriter-effect implementation: https://svelte.dev/playground/01ca6f49b9f84f498db65cf2ce3479d7?version=5.16.2 💻 swiper-js implementation: https://svelte.dev/playground/d60feec8c1614168a3a818004f888aec?version=5.16.2 #svelte #javascript #webdevelopment #sveltekit #coding #tutorial

Comment