Amazing content. I was working with Svelte and now it's like a new a refresh. I finally understand how data works and pass throw the layers. Love Svelte even more. You can construct applications really fast. Simple ones.
This is my favorite video so far for sure. I tested this myself to learn, because understanding this is essential imo to develop properly. Helped me clear up a lot of doubts I still had. Thank you!
Brilliant presentation of data flow in svelte. I have trouble with your videos because you move so fast, lol! I have to run them at .75X speed, but I will use this as a reference if I have to review this in the future. Thank you for doing this and providing the code so we can play with it ourselves.
@@JoyofCodeDev Don't worry about the length. Whatever length is necessary to explain what you have to explain is just fine with me. Slow down, take your time. 😊
and i have a question. at start we see flow looks like hooks => layout.server => layout => page.ts but on chapter data passed through routes we see hooks => layout.server => page.server => page => layout.ts so layout universal load file goes last before svelte files. why ordered changed?
I’m honestly really grateful to you for all the effort you put in your content. It’s amazing how you find ways to put complicated things in very simple terms and illustrate them in a very friendly way :) Just don’t rush so much! xD
I am still finding it hard to understand role of +[file].server.ts and +[file].ts (where file -> page / layout). +[file].server.ts => executes codes on server side which means if I have any logic that I want to server-side render, I'll pick this file. This much is clear to me. +[file].ts => executes code on both server and client. I don't understand purpose of this file. If I want certain piece of logic to execute on server, I will use +[file].server.ts & if I want that logic to execute on client side, I could use any of svelte life-cycle hook. This would save me from repeatedly checking if (browser) { .. } Can anyone help me clear this thought process.
It helps if you think more about where you want to run the load function. You might only be able to get some data from the server (using a secret) but you might want to do something else in the browser in which case you can pass the data from `+page|layout.server.ts` to `+page|layout.ts`. I have a lot of examples in my page versus standalone endpoints video: ua-cam.com/video/8OmsVZuuQMc/v-deo.html.
At 1:11 you talk about getting user preferences from 'local storage'. Is this 'local storage', the sveltekit 'local storage', or is this the Web Sorage API( window.localStorage ) which provides access to a Storage object.
Hey @JoyofCode! I have a new project in Svelte that is still in V1.0 and new, not so big. Do you think is a good practice to use TS in the project? I am not using at this moment. But as the project get bigger, I can see now, maybe is a good one to change it to TS use.
@@JoyofCodeDev Just so there is no misunderstanding, on their website it is Other topics > Componentization >Forms and fields in components. Thank you, i love your videos.
🔴 Patreon: www.patreon.com/joyofcode
💬 Discord: joyofcode.xyz/invite
The amount of value in your content is crazy. It feels like I am always learning something new in these videos. Keep these videos coming.
This is a GEM video -- each second in this video counts!!!! It should be part of the official documenation of SvelteKit!
I hope they include something like this in the SvelteKit docs one day.
i spend a tons of time to find how the data flow is but i dont understand that clearly and bommm u made it in 25mins . Thank u
I'm glad it's helpful.
I love Svelte and Sveltekit. I work with it daily and I can't imagine a stack without it.
I fucking hate it
I love you are reviewing things that confuse or trip people up when developing with SvelteKit!! You rock! Keep them coming!
Thank you! I always look at what people are asking and have trouble understanding.
@@JoyofCodeDev @Joy of Code That's so great and why I'm a Patreon ! Appreciate it!
The heart of sveltekit in this video, SPA and SSR all here, thank you so much!
Amazing content. I was working with Svelte and now it's like a new a refresh. I finally understand how data works and pass throw the layers. Love Svelte even more. You can construct applications really fast. Simple ones.
Thank you so much for this video. Especially the explanation what every file does is sooo crucial to understand when getting into Svelte & SvelteKit.
This is my favorite video so far for sure. I tested this myself to learn, because understanding this is essential imo to develop properly. Helped me clear up a lot of doubts I still had. Thank you!
I'm happy to hear that! 😄
Brilliant presentation of data flow in svelte. I have trouble with your videos because you move so fast, lol! I have to run them at .75X speed, but I will use this as a reference if I have to review this in the future. Thank you for doing this and providing the code so we can play with it ourselves.
I'm trying to not make it super long. 😂
@@JoyofCodeDev Don't worry about the length. Whatever length is necessary to explain what you have to explain is just fine with me. Slow down, take your time. 😊
don't get it in getting info in parent layout. too fast. nevertheless great info and video
and i have a question. at start we see flow looks like hooks => layout.server => layout => page.ts but on chapter data passed through routes we see hooks => layout.server => page.server => page => layout.ts
so layout universal load file goes last before svelte files. why ordered changed?
well that was a clear lesson on how routes work thanks
Thank you! 🙏
Great content as usual! Laying it out in digestible formats AND an article to read for more review. Premium stuff here!
Thank you! 😄
You are an amazing instructor, looking forward to more content
Thank you! 😄
Best tutorial on svelte ever!
I’m honestly really grateful to you for all the effort you put in your content. It’s amazing how you find ways to put complicated things in very simple terms and illustrate them in a very friendly way :) Just don’t rush so much! xD
Thank you! 😄
Very good video !! Continue like this 🔝🔝
Thank you for the clear and coherent explanation.
You're welcome! 🙂
Thanks!
Thank you 🙏
Thank you for this gem of a video.
Thank you, this video is obviously great tutorial
You are a legend. Thank you
Very good tutorial! Thanks
Whoever does your thumbnail give them a raise 😌 amazing
I'm using AI generated art because I love the colors! 😄
Thanks. This is very helpful.
Awesome! 😄
Hvala matija!
Head spinning but very helpful - thanks!
Thanks
Thank you! 🙏
Awesome! 🔥
Wow. Another great video honestly!!
Do you have that excalidraw canvas exported somewhere. I feel like it would be a nice cheat sheet for newcomers.
I do in the post.
@@JoyofCodeDev Oh. Great. I'll check it out.
I am still finding it hard to understand role of +[file].server.ts and +[file].ts (where file -> page / layout).
+[file].server.ts => executes codes on server side which means if I have any logic that I want to server-side render, I'll pick this file. This much is clear to me.
+[file].ts => executes code on both server and client. I don't understand purpose of this file. If I want certain piece of logic to execute on server, I will use +[file].server.ts & if I want that logic to execute on client side, I could use any of svelte life-cycle hook. This would save me from repeatedly checking if (browser) { .. }
Can anyone help me clear this thought process.
It helps if you think more about where you want to run the load function.
You might only be able to get some data from the server (using a secret) but you might want to do something else in the browser in which case you can pass the data from `+page|layout.server.ts` to `+page|layout.ts`.
I have a lot of examples in my page versus standalone endpoints video: ua-cam.com/video/8OmsVZuuQMc/v-deo.html.
So what about if you are doing a get request inside your svelte component, is it the very last thing thst will run?
Right. You would see a loading indicator as you fetch the data before you can show it.
At 1:11 you talk about getting user preferences from 'local storage'. Is this 'local storage', the sveltekit 'local storage', or is this the Web Sorage API( window.localStorage ) which provides access to a Storage object.
window.localStorage
Superbbbbb content
Love your stuff. Did you see vercel has new storage option. Could you make a video on that.
Yeah, I wanted to try it out! 😄
Hey @JoyofCode! I have a new project in Svelte that is still in V1.0 and new, not so big. Do you think is a good practice to use TS in the project? I am not using at this moment. But as the project get bigger, I can see now, maybe is a good one to change it to TS use.
I always use TypeScript.
@@JoyofCodeDev I already converted! Tks
2nd!
hi
@@JoyofCodeDev Just finished watching, great video man! Loved the way this was presented and visualized 🚀🔥
@@Huntabyte Thank you! 😄
Amazing.
Thank you! Can you please make a video of the superforms components?
Yeah! 😄
@@JoyofCodeDev Just so there is no misunderstanding, on their website it is Other topics > Componentization >Forms and fields in components. Thank you, i love your videos.
Can you please do the Prisma Postgresql and supabase storage to image upload and fetching
🔥💥⭐🌟⭐💥🔥
still didnt understand use:enhance. Maybe a comparison video that illustrates with and without use:enhance would help!
I have an entire video on working with forms: ua-cam.com/video/XNbCp7ZJi-8/v-deo.html.
I fucking love you
First!
:P
@JoyofCodeDev I love your content