Svelte Actions Make Svelte The Best JavaScript Framework

The most powerful feature of Svelte.

👉️ Support

🔴 Patreon

👉️ Links

Svelte Actions

👉️ Setup

👉️ Socials

🐦️ Twitter:

💬 Discord

🔖 Timestamps

0:00 Intro
0:59 Svelte Actions
8:30 Tooltip Action
15:02 Click Outside Action
23:03 Text Animation Action
33:57 Progressive Form Enhancement Action
41:29 Awesome Svelte Actions
45:57 Outro

#joyofcode #sveltekit #svelte

[lockitdrop]

This particular video is almost like a reference book for me, I come back to it every few months to pull out whatever feature I need at the given moment.

[Methapon]

You know what? This is so powerful. The more I learn the more I love svelte.

[arshiagholami]

I've recently switched to Svelte from React and have to say your videos are literal gold. Honestly I love the way you teach that encourages the viewer to explore instead of just memorizing the content <3.

[OOOO]

Did you say "we added brazil" to the `<br />` tag? LOL, that's the first time hearing this reference. Think that is how I'm gonna call it now.

[nathanm]

I love this video! I wish I had seen it months ago. I was building a standard map component for customer contact forms which showed the business locations. I decided on leaflet because it was free and easy to use. I built the map component, but then just built an L component where you pass the property name you want to invoke and the options. It allowed me to add attribution tags, markers and other things as components. It was another video of yours that made me think about using let, and the context module to share the map with children. I learn so much watching your videos. Thank you!

[bingers_tv]

This is an incredible video, absolute gold! Thank you!

[laifsyn]

First time I see a tutorial where they both give you the solution, and teaches you how you would be looking for the solution by yourself

[BorisBarroso]

This awesome thanks for sucha great tutorial. Thanks for making the Svelte community better! 😎

[aramp]

the part about capturing/bubbling was incredibly useful thanks Matia

[marlus]

Really really nice Svelte tutorials! Thanks <3

[mohammedpelkhier]

Great Job, that type error took me a day to solve it, I wish I knew you back then

[Allformyequine]

I love how you are doing a lot of explanations of Svelte Actions! Thank you!

[greggsworld]

hmm if i look at my server logs form use:enhance is still refetching the whole page but its just not reloading the page. this is worth mentioning. a lot of requests could happen in the background that a developer does not expect to happen. i only noticed this when watching my server logs when submitting the form.

[aloussase]

Very interesting, will most certainly be using these more now. Sorry for being that guy, but what is your font? And why does your cursor look so big?

[anxpara]

It's worth noting that (unless something changed recently), Svelte's built-in events can't be bubbled up through slots, which is unfortunate. I just use Eventery for all my events needs these days

[Nukhtarov]

40 minutes, wow.
I love long videos.

[groundbirdaircat]

I wish I could like this video a thousand times

[vancouver_island_tech]

I notice that you get the full list of functions in the VS Code tooltip that pops up (looking at around 10:55). My Copilot keeps messing this up. How do I get copilot to f-off and just get VS Code to show me my tool tip for available methods?

[null]

After 20 years of bashing JS i think I have no arguments left to ignore TS, it's strong typing is actually nice.

[maciejhanajczyk]

Thank You so much for this fantastic video.
I have question.
In the first example there is a nice animation when element is added to the DOM, but how to play similar animation when element is removed from the DOM?
The destroy hook is fired after element is removed from the DOM, but to achieve such animation there would need to something like beforeDestroy hook...