Nice video, helped me a lot understanding how to use it with sveltekit... One question, what would be the best place to put the user and or session in a sveltekit store?
@nevillebremКүн бұрын
thanks for the feedback! i think it is not really necessary to put the user in a store since you can always access him with the locals variable in a load function or endpoint
@mcgruff09722 күн бұрын
Great video looks like test user got added as an admin though
@nevillebrem2 күн бұрын
thanks!
@imalkesara44665 күн бұрын
nice one can u recommended me some channels to follow svelte or courses ?
@nnadivictory9176 күн бұрын
Bro please be zooming in . We on mobile hardly see the code 🙏🏽. Nice tutorial BTW
@nevillebrem5 күн бұрын
i'll do, sorry... if you're on the app you can zoom in but I'll do next time
@henoknigatu712110 күн бұрын
Cool 👍
@nevillebrem10 күн бұрын
thanks!
@jooonmantv10 күн бұрын
amazing i've watched your videos and this is so cool thanks bro keep going 👍
@nevillebrem10 күн бұрын
thanks!!
@nevillebrem11 күн бұрын
Since I was a bit confused as to what the `$bindable` rune is, here is a quick explanation from @jackzugna5830: "By default props are treated as readonly, meaning reassignments will not propagate upwards and mutations will result in a warning at runtime in development mode. You will also get a runtime error when trying to bind: to a readonly prop in a parent component. To declare props as bindable, use $bindable()." This means that if you have a component with a bidirectional props you must declare it as "bindable". For example: Html have <input value="5">, in this case 'value' is bidirectional but every Svelte component's props is readonly, your data flow only inside the child component and can't return to the parent.
@henoknigatu712111 күн бұрын
I love your topics 👍
@nevillebrem11 күн бұрын
thank you!
@imagineabout415315 күн бұрын
Very nice brother, just as a tip, increase the font size and browser zoom
@nevillebrem15 күн бұрын
i'll do! thanks for the feedback
@alexanderleschanz999115 күн бұрын
The output of the twMerge() function is always the same string, so it's VERY inefficient to run it, every time time the page reloads.
@yanko69417 күн бұрын
can you zoom out further so we can't see anything ;p
@nevillebrem17 күн бұрын
what do you mean?
@geanpaul246620 күн бұрын
Brow your content is great keep on! Cheers from Brazil 😀
@nevillebrem20 күн бұрын
love to hear that
@RodgeMacalalag23 күн бұрын
can you make a video on how to make this? im new from the database stuffs just need some guide :>
@nevillebrem22 күн бұрын
i have a drizzle setup tutorial (look at my playlists, but the drizzle-kit api version was updated a bit, keep that in mind). from there you can just build the rest yourself. i'd recommend that because so you're directly applying what you've learned
@nevillebrem20 күн бұрын
kzfaq.info/sun/PL5UWMWt_Ej-BjDKr2akMhZ4AXtMFeUMUm here is the link.
@AlexAstall23 күн бұрын
You can use class:text-red-500={error} to conditionally apply the red font if error is true. I find this cleaner and easier to follow. Hope this helps 👍
@user-ko9cb7qy5s24 күн бұрын
There is a way to enhance images with url coming from API response? or only local images? Nice video btw
@nevillebrem23 күн бұрын
thanks for the feedback! i am not sure, sorry...
@henoknigatu712124 күн бұрын
what is the best or recommended way to use mongodb with sveltekit...can i use mongoose?
@nevillebrem23 күн бұрын
i don't know.. never used mongodb
@ubermatchvlaad53224 күн бұрын
Hi love your content, keep it up
@nevillebrem24 күн бұрын
thanks, i'll try!
@kozmikhero674929 күн бұрын
I learned Svelte 4 between November-March before not touching a code editor again for 3 months. Coming back I think I really like the changes Svelte 5 has. I never liked the export let syntax and the "$" confused me somewhat. This looks a lot more straightforward
@nevillebrem29 күн бұрын
got kinda used to the old syntax, but the new runes definitley make it more clear
@francoisbouchet9907Ай бұрын
great explanations!! maybe I would need some explanation on the "bindable" rune... with a better example than the one in the docs because I'm getting confused by it ^^
@nevillebremАй бұрын
frankly i didn't understand it too. haha thats why i didn't cover it
@francoisbouchet9907Ай бұрын
@@nevillebrem 😂
@jackzugna583017 күн бұрын
It is symple: "By default props are treated as readonly, meaning reassignments will not propagate upwards and mutations will result in a warning at runtime in development mode. You will also get a runtime error when trying to bind: to a readonly prop in a parent component. To declare props as bindable, use $bindable()." This means that if you have a component with a bidirectional props you must declare it as "bindable". For example: Html have <input value="5">, in this case 'value' is bidirectional but every Svelte component's props is readonly, your data flow only inside the child component and can't return to the parent.
@MetaverseBDFLАй бұрын
Молодец пацан!
@nevillebremАй бұрын
thank you
@noname_160Ай бұрын
About the first one: it wont work if js is disabled in browser
@nevillebremАй бұрын
a pitty but makes sense ig
@HaitiOutlookАй бұрын
Definitely clear, thanks, Nev.
@nevillebremАй бұрын
good to hear
@anksvansАй бұрын
Thanks for the content! As a new amateur SvelteKit user I greatly appreciate it!
@supercurioTubeАй бұрын
That was clear and simple, thanks for that!
@nevillebremАй бұрын
glad you liked it!
@forno_nicolasАй бұрын
Man passing classes as a prop is very smart! Never minded before... Thanks for the video
@nevillebremАй бұрын
glad you liked it!
@TheSysmatАй бұрын
Http delete not post
@nevillebremАй бұрын
yeah true
@deliriumcodeАй бұрын
You got thumbs up and subscription. Please make more explanation videos like this. ;) Teach us how props can be used to create various blog posts or / and how state can be used on some ordering page for example.
@nevillebremАй бұрын
thank you for the feedback and the ideas!
@artemisfowl127Ай бұрын
vue but with different syntax
@nevillebremАй бұрын
yeah kinda. but that's not a bad thing ig
@artemisfowl127Ай бұрын
@@nevillebrem For sure, but it makes me wonder what makes a less developed ecosystem like svelte more appealing than something like vue? Not trying to hate on svelte just curious as I wanted to try it out but it just seems like vue now.
@nevillebremАй бұрын
@@artemisfowl127 i can't really tell honestly. i really need to explore vue before i try to say something here. but honestly i don't have something to say here. i just think svelte is great and i like the syntax and the standards it supports. the ecosystem is actually pretty OK, it has all you need
@Antonio-fo4flАй бұрын
@@artemisfowl127 I mean that's probably like saying why try view when svelte had a compiler first. There's different philosophies behind each that come through when you code. I find svelte to be more lean especially when it comes to interacting with just values. The ecosystem talk I find also isn't really a concern these days if I'm being very honest.
@bmdavis419Ай бұрын
oh shit i forgot about $inspect, that one is really nice
@pixiedevАй бұрын
hey for the note use "ctrl and +" to increment your ui size for vscode and browser so it'll easy to see what's going on and don't have go force our eye to see.
@fltngmmthАй бұрын
reminds me of preact signals
@kobbyisvalidАй бұрын
Yh cos they're basically svelte's version of signals
@nevillebremАй бұрын
@kobbyisvalid true
@b_arbaretierАй бұрын
That was very clear thanks!
@nevillebremАй бұрын
glad you liked it!
@shauryajha3038Ай бұрын
would love a svelte tutorial from you !!
@nevillebremАй бұрын
what about?
@shauryajha3038Ай бұрын
@@nevillebrem svelte tutorials for beginners to intermediate coders if it's possible by your side, and loved this video too <3.
@FCcommando2 ай бұрын
💯💯💯
@FCcommando2 ай бұрын
Great content!
@FCcommando2 ай бұрын
can you add lucia tho this stack for authentication and make a video out of it?
@nevillebrem2 ай бұрын
just look at my channel there is a video on it i think. not a tutorial but a code demo. a good way to learn to code
@a7kerkh2 ай бұрын
plz explore sveltekit docs before making videos like this
@nevillebrem2 ай бұрын
i did and i of course now have way more understanding about sveltekit. i just think for some occasions astro is better because it's so lightweight and convenient. but my go-to is usually sveltekit which you probably found out if you explored my channel a bit more
@justinoneill28372 ай бұрын
Shallow routing starts at 8:18
@alexanderleschanz99912 ай бұрын
first!
@evccyr2 ай бұрын
I've been using skeleton but I found svelte flowbite to be much better
@nevillebrem2 ай бұрын
i'll check that out
@realskyquest2 ай бұрын
I found flowbite to be buggy when building complex ui, buts it neat. Alternatively you can use daisyui
@nevillebrem2 ай бұрын
@realskyquest yeah daisy ui is nice indeed. i used it in combination with astro and i really like ir
@FCcommando2 ай бұрын
Cool video! Where does one learn backend with sveltekit? I have a grasp of the fundamentals when working in frontend, but when it comes to backend (working with db etc.) Im pretty much clueless.
@nevillebrem2 ай бұрын
i could do a video on that
@nevillebrem2 ай бұрын
this is my series on dbs though kzfaq.info/sun/PL5UWMWt_Ej-BjDKr2akMhZ4AXtMFeUMUm
@FCcommando2 ай бұрын
@@nevillebrem oh nice, I'll check it out!
@taunado2 ай бұрын
Have you checked out GSAP? Wondering what your thoughts are with regards to using it with Svelte.
@nevillebrem2 ай бұрын
funny story... i heard gsap, but never tried it. i think i am too afraid to try it but i actually really should
@ocin37522 ай бұрын
Very useful. Can you do a video on shallow routing?
@nevillebrem2 ай бұрын
eventually, yes!
@TheOnlyJura2 ай бұрын
Very good video. You should have however targeted svelte 5 probably (or provide both).
@nevillebrem2 ай бұрын
i also thought about that. i will make a dedicated svelte 5 video soon though
@DanteMishima2 ай бұрын
Drizzle again argh
@nevillebrem2 ай бұрын
hahah
@DanteMishima2 ай бұрын
I would like to see a setup without drizzle... I'm not particular on orms
@nevillebrem2 ай бұрын
i love the dx with drizzle and it's typescript and all so i love it