Sveltekit form action and progressive enhancements #11 #sveltejs #sveltekit
Channel: Code with tkssharma
Date: 2023-02-06

This Video is a part of Sveltekit Playlist
Playlist Link 
https://www.youtube.com/watch?v=1rKRarJJFrY&list=PLIGDNOJWiL1-7zCgdR7MKuho-tPC6Ra6C Welcome to my brand new playlists where i am covering svelte JS and SvelteKit 
In this playlist, we are going to cover all about SvelteKit

00:00 svelte-kit forms and server-side actions
05:00 default action and named actions
07:30 setting cookies in form actions login 
12:30 handling form response page component 
15:00 sending invalid response form validation 
18:40 use:enhance with forms 
20:30 looking into docs forms 
24:43 Demo for all result types
25:40 use:enhance with applyAction
27:00 form submission using event listener  
28:00 result type and applyAction 

Github : 
https://github.com/tkssharma/sveltekit-training-2023
https://github.com/tkssharma/lets-play-with-sveltejs

Playlist:
https://www.youtube.com/playlist?list=PLIGDNOJWiL1-7zCgdR7MKuho-tPC6Ra6C

I am preparing Video series on Svelte JS for developers and will be covering all these Modules

- Base Syntax and core features
- Conditionals and loops
- Looking more into Reactivity
- Food Menu Dashboard with Svelte JS
- Diver deeper into components
- Working with Forms
- slots 
-  sandbox examples 
- stores in svelte JS (readable, writable, derived store)
- custom store and svelte js lifecycle methods 
- Managing data in stores
- Http Requests
- Using special Elements
- Routing and SSR with Svelte Kit
- Deploying App
- Additional Parts
- Auth using Auth0
- Integration with BE APIs

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.