Sveltekit Managing User session, Protect Routes  #10 #sveltekit
Channel: Code with tkssharma
Date: 06/02/2023

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 Sveltekit Form action and session management 
07:00 svelte-kit hooks 
07:36 Hooks event data in Load and Form action
11:00 building header footer and nav components 
14:00 Login form action 
14:50 setting cookies from login form action
16:00 Blog Post Page and Routes
18:00 Build hook to check user session 
20:50 protecting app routes using hooks 
22:00 populate event. locals from Hooks 
24:30 logout form action 
25:30 Demo for Protected routes and public Routes 
27:00 checking login, logout cookies 


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.