Understanding sveltekit Layouts #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

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

00:00 Sveltekit Layouts App
03:00 root layout with server load
03:30 app and auth layouts
04:00 login and register routes
07:00 app layout for app pages
10:00 setting nested layouts
14:20 layouts demo
15:00 reset layouts
16:30 all layouts together



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.

Comments