Rich Harris Teaches ThePrimeagen SvelteKit

Рет қаралды 175,883

Жыл бұрын

Recorded live on twitch, GET IN
/ theprimeagen
MY MAIN YT CHANNEL: Has well edited engineering videos
/ theprimeagen
Discord
/ discord

Пікірлер: 233

@Ratstail91 Жыл бұрын

"What is the best way to learn Svelte?" "Learn React first - it'll be a great motivator"

@ThePrimeTimeagen Жыл бұрын

haha, great line

@bronzekoala9141 Жыл бұрын

Or Angular.... I like Angular but some obvious things are so unnecessarily complicated....

@JEsterCW Жыл бұрын

@@bronzekoala9141 whole angular ecosystem is unnecessarily complicated and thats why nobody wants to work in this framework lmao, atleast angular devs are making bank lmao

@bronzekoala9141 Жыл бұрын

@@JEsterCW Well - I am one now 😂 although I'd rather have my company use svelte. But it's fine I'll get used to it.

@markusmachel397 Жыл бұрын

@@JEsterCW i guess i need to look at my contract

@ebmpinyuri Жыл бұрын

I like the fact that Rich Harris does not pretend to know everything especially even things he has made himself lmao

@kevinkkirimii Жыл бұрын

It's called maturity.

@wadecodez Жыл бұрын

he's not pretending or humble. he just works with a lot of code. too much for any one person to memorize.

@Knigh7z Жыл бұрын

You can't remember everything either

@markmesser4454 Жыл бұрын

pretty sure he was referring to the inner workings of the tutorial "framework" - much of which he did not personally author

@obrien8228 10 ай бұрын

@@wadecodez plenty of people out there who will not admit that they don't know/ remember something. I give him a bit of credit

@ISKLEMMI Жыл бұрын

"ThePrimeagen teaches Rich Harris Rust" Rich Harris is the man! So glad you guys did this.

@effen5931 Жыл бұрын

ever since i started using Svelte, man nothing else can beat its simple way of solving annoying repoetitive things when building websites, add on that speed and the fact that it's JS inside HTML, super sweet

@fitsbachinteractive Жыл бұрын

Imagine writing JSX/TSX thinking it's a smooth experience and being one of those that picked "heard about it, not interested" for Svelte/SvelteKit in the StateOfJs annual survey. Rich Harris just understands not only what the user experience should be like but the developer experience should be like to. Great video. Thanks to both of you

@ts8960 Жыл бұрын

JSX is superior DX to svelte

@semyaza555 11 ай бұрын

@@ts8960absolutely not.

@MCasterAnd 11 ай бұрын

@@ts8960 are you drunk

@Hobbitstomper Жыл бұрын

Comic Sans MS is a proprietary typeface owned by Microsoft and requires a license for commercial use. It is pre-installed on Windows and macOS but not on Android, iOS or Linux.

@DEVDerr Жыл бұрын

Bad that you didn't touch Svelte Stores and transitions. For me, they're the best Svelte features. Stores especially, because they finally nail the global state part. And it does it so well that I started to think why the hell stores in React had to be so absurdly complex

@skl9942 Жыл бұрын

Exactly what I was thinking!

@SpaceChicken Жыл бұрын

Same. Transitions were enough for me, store is so insanely useful. Wonderful features.

@baka_baca Жыл бұрын

Stores are definitely one of my favorite features too! The only things that have come close are Zustand and Pinia, both really good options but neither of which gives quite the same feeling of simplicity and elegance as Svelte stores. I've never had so little trouble making as many stores as I wanted, each being easily customizable to any degree, and then having everything just plain work even though I had just learned it all ! Svelte still strikes me as something truly special in a field crowded with options.

@mfpears Жыл бұрын

Stores nail state management like jQuery nails the DOM.

@Pavel-wj7gy Жыл бұрын

Stores in react are so absurdly verbose that they may cost you a job.

@metatronicx Жыл бұрын

That part is so true 19:36. I've had a hard time integrating third party libraries in other frameworks especially in Next.js. But it was so easy and straightforward in SvelteKit. SvelteKit is just an amazingly easy framework and I really really like that.

@NatoBoram 10 ай бұрын

The best feature is definitely the {#await} keyword. You can start a call, assign the promise somewhere, and have the UI automatically handle all possible states of the promise in a declarative way.

@gundo1234 Жыл бұрын

The Rick Roll Part😂

@ThePrimeTimeagen Жыл бұрын

i got owned so hard

@heitorlopes9914 Жыл бұрын

Earned my like after just hanging out by the fireplace together! Amazing vids, Primeagen!

@cre8ive65 Жыл бұрын

Been running SvelteKit in prod since the early beta. Dealing with the breaking changes as it matured to full release was well worth it, and I would gladly make that same choice again.

@avidworkslol Жыл бұрын

Rich is awesome. Love watching his interviews.

@starstuff606 6 ай бұрын

I love that I stumbled across this video as im about to start learning Svelte. No better way to start than right here :D thanks for the video

@thepolygotcoder 11 ай бұрын

you know - I love understanding the ins and outs of stuff - great video - I just love to understand how things work - sooooo listening to rich talking about the actual coding that he and a group have done......wow --- thanks alot guys

@nullbeyondo 10 ай бұрын

If you're new to Svelte and/or coming from React, this video is literally a complete tutorial and also entertaining with actual questions that you might have Wow. You don't need to go anywhere else. I think it was more accurate to rename the title to "Svelte" instead of "SvelteKit" cause it doesn't really teach about SvelteKit or the concept of layouts, routes, and adapters.

@lcarv20 Жыл бұрын

Svelte doesn’t get the love it deserves

@IStMl Жыл бұрын

it slowly does

@IamSH1VA 8 ай бұрын

It will one day, the way React & other frameworks are progressing. Future seems bright for Svelte.

@DamonMedekMusic Жыл бұрын

I've used Svelte daily for over a year and I still love it. Extremely minimal and straightforward. Stores are great. Docs are great. My hardest challenge was using the backend as a rest api as a internal database for forms but once I figured that out theres really nothing it can't do so far.

@RobertoOrtis Жыл бұрын

Awesome video! Very entertaining. I love svelte and rust! It’s hard to decide between all front end frameworks available though.

@nullbeyondo 10 ай бұрын

I'm glad they did that stream. Rich Harris seems like a cool guy and this video with feedback from ThePrimeagen would help improve Svelte more.

@fer.barrios Жыл бұрын

This was a great video, love Svelte!

@TsoiIzAlive Жыл бұрын

The "You pee outside" got me! Props to you this was aawesome to watch! I constantly imagined this would be me during my technical Interview having to laugh all the time 😂

@ThePrimeTimeagen Жыл бұрын

that is good! want to make sure people feel amazing

@kahnfatman 8 ай бұрын

The smell is awesome after a month

@nacs 7 ай бұрын

Rich Harris is amazing. Insanely smart but more importantly -- relatable and humble.

@_timestamp Жыл бұрын

3:30 Harris: I don't love doing it in front of an audience of 800 people The people: 54k

@ThePrimeTimeagen Жыл бұрын

gotem

@javierflores09 Жыл бұрын

I was just doing the svelte tutorial yesterday myself, and the error making it lose focus drove me nuts too. Other than that, it does seem like a nice introduction to Svelte. Edit: Also, what I think Rich Harris meant at 47:16 is that you could just have done: $: validated = name == "Hello world"; and it'd have worked

@ThePrimeTimeagen Жыл бұрын

yeah! it was very fun!

@darkarie Жыл бұрын

we need a part 2 of this !!

@laurieinjapan Жыл бұрын

Love the little rust section in the middle!

@christinefredricksen8743 Жыл бұрын

This is great, Thank you!

@danvilela Жыл бұрын

Bro the rust part 🤣🤣🤣🤣 Caught Rich completely off guard.

@ThePrimeTimeagen Жыл бұрын

gotem

@stijndcl Жыл бұрын

What you said about halfway, about Rust standard library types implementing your own traits but only when you import it, is also how it works in Kotlin (extension functions). For example, in Android you can import an extension function on the base "Int" type for sizing (using px or dp or whatever unit), so you can write things like 23.dp.

@xtraszone Жыл бұрын

Him: React is not a framework its a library Rich: Thats absurd 😂😂

@asdfghyter 8 ай бұрын

Rich is 100% correct

@saeedatenzi 11 ай бұрын

If you value your life learn svelte If you want a job... Just learn svelte, there are jobs for svelte and it also values your life

@joaodiasconde 11 ай бұрын

Svelte seems amazing, so simple, so effective.

@g1uh4 9 ай бұрын

This is a good way to learn Svelte. No bs, straight to the point.

@davidroberts1037 11 ай бұрын

Unlike most people here i am a pretty new programmer. Ive written a few things and the Ecom site for my own business but that is about it. The tutorial and this video was well thought out enough even I got it...mostly. My Thanks gentlemen

@ThePrimeTimeagen 11 ай бұрын

@markmesser4454 Жыл бұрын

Rich Harris has a great deal of patience 🙄

@el.bromas Жыл бұрын

Oh man I love you both

@kokizzu Жыл бұрын

framework/compiler i love the most past 4 years XD

@poolkrooni 7 ай бұрын

What Rich meant for the validated function was: $: validated = name === 'hello world' and then in the template part you could simply have {#if validated}

@stashladki2594 Жыл бұрын

The funniest thing to me is that all the concepts Prime reacts "wow!!" to, aren't all particularly new and most got introduced by Angular long time ago which is considered to be hated out of this world by the same people :D

@mosesnandi 9 ай бұрын

AngularJS?

@vellankiindeevar5530 Жыл бұрын

man you youtubers are so lucky , you get to learn from who build sveltekit

@minikame2272 Жыл бұрын

Is it me or does Rich's accent get increasingly South London as he eases into the interview

@carloslfu Жыл бұрын

I really enjoyed watching the face of Rich looking at Prime like :O the whole time. Like thinking, what's going to say this guy next? hahaha

@mcchikin2751 Жыл бұрын

29:17 this is cool and works in swift as well‼️

@user-hk3ej4hk7m Жыл бұрын

On the little intermission about rust traits: that's just syntax sugar for function overloads on return types. Julia, Haskell and many other functional languages allow you to define custom operators on types to do the same thing, or even just using functions, there's nothing special about the dot operator. For some reason rust takes this roundabout overly explicit road just to do function overload on return types.

@RedHandedBug Жыл бұрын

Comic Sans MS on the discount Mac >_

@user-hn8np1mj6t 11 ай бұрын

Reminds SwiftUI very much. I think will definitely try Svelte for front-end part

@dipooktama935 11 ай бұрын

I tried svelte today and I loved it

@TheDanVail Жыл бұрын

Ah shit I’ve been wanting to learn Svelte(Kit) let’s go daddy

@bernardoalves3642 Жыл бұрын

27:00 It's preaching time

@irlshrek Жыл бұрын

holy shit! i cant believe this is happening

@7heMech Жыл бұрын

Now I wanna write something in Svelte.

@lifelover69 Жыл бұрын

18:50 Prime suddenly reaching into Rich's rib cage sent me

@fifty6737 Жыл бұрын

this is one hell of an entertaining stream, chris taught the pimeagen svelte and somehow the stream turned into chris getting thought rust

@AdowTatep Жыл бұрын

Talking about the rust part. Just because I'm interested in learning rust, when he shows the contains_range method, isn't it the same as c# extension methods? The difference being that it's scoped to that file though, like he mentioned. Oh yeah i just saw it's called extension traits (i know that rust has other stuff other than just that, too)

@metatronicx Жыл бұрын

37:44 🤣🤣🤣 see that pain in the face ThePrim😂gen when Rich says he's a vs code user 😅

@pengain4 Жыл бұрын

Svelte and SvelteKit are true gems

@CodeTalker23 Жыл бұрын

You gotta try F# with don syme or something if u love Rust, F# is pretty close and cool :D greate stream tho

@toxicitysocks 6 ай бұрын

Did not see that rickroll coming

@dailyfunnytv358 Жыл бұрын

he just went full `if true else false`

@RafaelToscano 9 ай бұрын

7:14 - “did you really just do this to me?” 😂😂😂😂😂😂😂

@Arzen84 11 ай бұрын

I just fell in love with svelte.

@RootsterAnon Жыл бұрын

I don't like when people mention their wealth before last name. That means I'm Poor Rootster... don't like it...😥. Great video 🥰

@mikeonthebox Жыл бұрын

What Rich actually said was _$: validated = name === "hello world";_

@yes-vy6bn Жыл бұрын

*====

@christopherenriquez9765 Жыл бұрын

Everyone got Rick Rolled lol

@voidmind Жыл бұрын

You can tell whoever coded this demo app did it in a Windows centric (Comic sans) and Chrome centric way (I wouldn't be surprised that all the issue Primagen found go away if you use Chrome).

@_Amilio_ Жыл бұрын

Yoooooo! 🙌

@patchshorts 11 ай бұрын

I have a coder crush on this sesh

@FredoCorleone 11 ай бұрын

Well, the part about reactivity with reassignment is better in Angular as it's track objects by default you can have it refresh even if you mutate the same object. Obviously it's more expensive and infact you can disable with OnPush something (I don't remember) but still it's very beginner friendly. And... Unless you do really stupid things you can track A LOT of objects in the same view.

@tyunpeters3170 Жыл бұрын

This was more of a Svelte lesson and not SvelteKit, since there was no data loading or retrieval

@najlepszyinformatyk1661 Жыл бұрын

37:45 the funniest moment :#

@kadercarter Жыл бұрын

Wait when tf did I miss this

@flamendless Жыл бұрын

Wow ryan gosling is a programmer

@rasalas91 6 ай бұрын

lmao the Rust rant :D

@cubondemais 24 күн бұрын

watching this in 2024 after Svelte 5 entered release candidates stage. At 35:25 ThePrimeagen complains about not being able to mutate objects and just letting the garbage collector run wild and I'm thinking that he would be really happy to know that, in Svelte 5, state will be fully deeply reactive with mutations, not only assignments.

@HildegardofBingen409 Жыл бұрын

I LOVE SVELTEKIT!!!!!!!!!!

@T--T 7 ай бұрын

they have signals now

@fabioluizalvaresosti7115 9 ай бұрын

That thing in Rust is also available in C#

@badunius_code 10 ай бұрын

48:10 it feels like using a function here is sub-optimal, because it's going to re-render the block on every name change, whereas we only need to re-render on validation result change `$: validated = name == "whatever" // this reacts to the name changes ... {#if validated} // this reacts to the validation result changes`

@PeterBernardin Жыл бұрын

Oh my lord I was pulling my hair out when you weren't getting Rich's syntax description at 47:00 ... I mean he could have just said use the ternary operator, but still!!! You had to turn this: $: { if (name == "hello world") { validated = true } else { validated = false } } Into this: $: validated = name === "hello world"

@rafaeljacovmedel8953 11 ай бұрын

That doesn't work. It's actually $: validated = name = "hello world"

@kaibe5241 11 ай бұрын

One thing I REALLY love in Svelte, is two-way data binding. This is something that Vue takes a really strong stance on, not allowing it - which has been a huge source of frustration for me, because it means you have to use a store or something, which actually complicates your code. Sometimes components are meant to work together as part of a single system, where two-way data binding makes much more sense. The fact that Svelte supports this, meant I moved away from Vue entirely.

@garretmh 11 ай бұрын

Is it different than v-model in Vue? It sounded exactly the same

@dmitriyobidin6049 11 ай бұрын

29:35 So it's like extension of some sort(swift have those, for example), but just because it's in rust it's automatically magical?

@rOxinhoPKK Жыл бұрын

this seems much more sensical than react

@regularyt-pz4ki 5 ай бұрын

Excuse you react is a library

@thederpykrafter 3 ай бұрын

At 18:55 prime just casually reaches into rich's chest lol

@bljdev 11 ай бұрын

when 2 premium knowledge meets....

@thepolygotcoder 11 ай бұрын

I loved how The Primeagan tried to do an XSS attack LIVE LOL That would have been embarrassing.

@Mankepanke 11 ай бұрын

Self-xss isn't hard or possible to stop, though. Also not dangerous

@moon_bandage 10 ай бұрын

@@Mankepankeindeed... It's not even XSS if there's no server spreading the code to other users, this is just a sandbox code container that exists for only your session

@sirajmussafirr147 Жыл бұрын

Two poor fellas who got a new life: labels in js Enums in Rust

@kuglepen64 11 ай бұрын

Oh, it’s like PHP.

@lonewolf9874 6 ай бұрын

i am not a react funboy but svelte needs optimization it needs time for us to make sure it works the way it should

@dforj9212 8 ай бұрын

Funny reaction from Prime when Rich says React is a framework

@Yoshie_2000 Жыл бұрын

Do how I access the requested URL in server components with the new app directory? I just can't figure it out!

@noredine 9 ай бұрын

That's nice. ternary operators just upset me

@VemVareSomTossa Жыл бұрын

so ruby rails in rust? wait is it backwards? what? Ima confused #juniorprogramer.. I cant spell, wont**

@WyzrdCat Жыл бұрын

Hey Rich, if you like watching people break stuff that normally works perfectly, you'd love watching me try to use stuff, because everything always breaks in the weirdest ways around me and people who know what they're talking about are always like.. that should not happen.

@joaodiasconde 11 ай бұрын

7:10 🤣

@shirecoding2440 5 ай бұрын

this looks really like webcomponents, wondering is it using webcomponents underneath?

@dmitriyobidin6049 11 ай бұрын

My only question to svelte is - does it have any limitations? Is there anything that we can build with react/angular/vue, that wouldn't be able to build with svelte?

@moon_bandage 10 ай бұрын

Not with the purely view related part. So svelte vs react you would be able to build the same things, because they fill the same gap: reactivity between JS and the DOM it's all they do. It's a different story for SveleKit and Next. Next might be more advanced