Comparing Rust (Yew) vs TypeScript (React) NodeJS | SSR times

Подписаться 413 тыс.

Просмотров 218 тыс.

50% 1

ALL MADE LIVE ON TWITCH: / theprimeagen
Hey! I wrote an entirely too much fun program that made me just YEARN to actually write more front end. I cannot believe how much I enjoy the fact that I can write some sweet rust and do front end. I'll be doing all of my front end code in this!
There is a small ad placement at the end, i decided to add that at the very end of the video because they have been giving me free hosting for some time and I should probably... you know,.... say something. :)
I also didn't ask them if I could... so... well, we will see what happens.
Linode: linode.com/prime
THE REPO ##
github.com/The...
Editor
All my videos are edited by Flip. Give him a follow! / 88thpl He is also open to do more editing, so slide deeeeeeeeep into his dms.
Links
/ discord
Insta: / theprimeagen
Twitter: / theprimeagen
VimRC & i3: github.com/The...
Keyboard (15% off, I don't earn commission): bit.ly/primeag...
#vim #programming #softwareengineering

Опубликовано:

28 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 650

@ThePrimeagen 2 года назад

Ah yes, you little algo inducer, i see you are considering hitting that like button... just do it, then tell me which FRONT END frameworks I should attempt to test!!

@mqix3741 2 года назад

Solid js its react jsx that works way different in the background that makes it super fast and when you build it it compiles to a small js file and it uses the real dom and has great reactivity

@waldemarkunz9173 2 года назад

I´m considering hitting the LOL button.

@DougAnderson444 2 года назад

I hit the like button at least 5001 times but I don't see the count going up more than one. Bug or feature?

@timothylenahan2967 2 года назад

Thanks! I've been wanting to compare Flutter and React Native.

@jereziah 2 года назад

nope

@calder-ty 2 года назад

I hope you single handedly make it so that no one considers calling their framework "blazingly fast" anymore.

@ThePrimeagen 2 года назад

i think i am going to make it happen

@francocarabajal9021 2 года назад

@@ThePrimeagen Debunking framework speed claims Blazingly Fast!!

@cameronharris727 2 года назад

I mean, Fastify is was meant to be blazingly fast.... compared to other nodejs frameworks. Didn't event lift a candle to actix or really anything serious out there. I guess it is all about relativity.

@cameronharris727 2 года назад

I mean, why would you even use a framework if you wanted to be "blazingly fast". The primary purpose behind framework usage is speed of development.

@BeyondImaginationzz 2 года назад

what about lightning fast

@typhoon2099 2 года назад

I would love to see a Svelte/React/Yew comparison.

@ryanleemartin7758 2 года назад

@o and if it's a spa?

@alexzander__6334 2 года назад

he already said react which is running on node

@harshitjoshi3082 2 года назад

@o it's about JavaScript calling the browser APIs right?

@StrikerEureka85 2 года назад

and solid

@ngochunglongnguyen4523 2 года назад

@o yeah but it really feels better to write Svelte code if compare to React, less boiler plate and faster.

@labadcloyd 2 года назад

never clicked so fast in my entire life. I guess you can say my reaction speed was BLAZINGLY FAST

@AlecHalePletka 2 года назад

lmao

@paulmurray3244 2 года назад

Yew made me laugh

@edenyosef 2 года назад

10/10

@Voidstroyer 2 года назад

I definitely want to see that Elixir version. I use elixir for my own projects as it's just such a pleasant experience to write and it comes with a lot of features out of the box. Oh and you have a new subscriber

@theofiloschamalis161 2 года назад

Hmm, I'd like to see a comparison of Node 16 + express vs Node 18 + express vs Node 18 + fastify v4 vs Go in terms of rps for a setup that has a couple of middleware set up to get a feeling of how real apps would perform with each setup. What do you think??

@ThePrimeagen 2 года назад

this could actually be very interesting. I would like to set up a multistage application for this, multiple servers, doing lots of requests. let me think about it.

@yerkoacuna5037 2 года назад

Yes you're right, i mean express is the most used web server but also indeed one of the slowest.

@darkfoxwillie 2 года назад

@@ThePrimeagen this is indeed a great idea, make it happen mister prime xd

@danielbrenot5173 2 года назад

@@yerkoacuna5037 I wouldn't say one of the slowest. Django hands down beats express in that category. go is a relatively recent addition to the web ecosystem, same with rust, so express was one of the fastest options we had at the time

@heroe1486 Год назад

@@danielbrenot5173 Well the comparison is a bit unfair, Django does a ton of things ootb, express should be compared to something like Starlette, but express isn't slow anyway and most wouldn't even feel the extra performance by switching

@allesarfint 2 года назад

React is the most popular FE, but is far, really far, from being the fastest or lighter JS FE, is actually one of the slowest and incredibly heavy. I would favor a more modern framework on the JS side, specially since Yew is newer than most.

@ThePrimeagen 2 года назад

yeah yew is super new and has a ton of potential! I want to try to some front end lookings :)

@butterfly7562 2 года назад

vue3/svelte/solid

@gridlocdev2023 2 года назад

At 1:05 you mentioned that the best opportunity to write both your frontend and backend in the same language (other than JS/TS) would be Rust. I'd be curious to see how C# stacks up since Blazor was purpose-built for this exact thing (Blazor WASM for language parity between front/backend, and Blazor Server for SSR scenarios like this one)

@eduardosanzb 2 года назад

definitely some content around solidJS. so much hype helping the nice fatigue is in my body!

@ThePrimeagen 2 года назад

yayayaya!

@scottiedoesno 2 года назад

Now, I know this is a more difficult metric to measure, but what would you say is the difference in developer velocity between implementing in Yew vs React?

@ThePrimeagen 2 года назад

well, the hard part about this question isn't which is easier, its more of which has the cultural mind right now? I can dev rust near speed as JS at this point. It isn't because i am some wizard, its because i am super use to it by now. so which one is more dev friendly? Probably still JS because it has a visual debugger that you get to read JS code with :)

@ponderatulify 2 года назад

@@ThePrimeagen So what'sthe debugging experience for rust right now?

@Bliss467 2 года назад

@@ThePrimeagen it seems like it'll be really hard for js devs to transition to rust, since it's a lot closer to c++ syntax. i'm mostly a c#, kotlin, ts dev and learning rust and i've wanted to learn rust but having the hardest time.

@SVVV97 2 года назад

@@Bliss467 the syntax really shouldn't be a problem - Python has different syntax too but should come rather easy to JS devs and Haskell also has a very simple syntax yet even experienced JS devs wouldn't get anything done with it initially. Rust is just difficult because it has a different paradigmatic focus than the languages you (or most people) are used to, involves manual memory management and thinking about low level details etc. - and for JS devs it's also a *very* different type system.

@cristobaljavier 2 года назад

Yes, more videos like this!!! This channel is so good.

@ThePrimeagen 2 года назад

will do sir

@checkbouncer 2 года назад

i’m so happy i found your channel. you’re the exact type of programming youtuber i was looking 😂

@viniciusrolandcrisci272 2 года назад

i’m an elixir nerd too and i would love to see u talking about the lang

@oliverhughes169 2 года назад

React / Svelte / SolidJS?? Oh yes please

@ThePrimeagen 2 года назад

many metrics, much fun

@oliverhughes169 2 года назад

@@ThePrimeagen and much work 😅

@tkroll 2 года назад

Second this

@av-explorations 2 года назад

I'd love to see a video comparing usability of both frameworks (react vs yew), in terms of how intuitive each framework is, file structure, code readability etc.

@ThePrimeagen 2 года назад

they are almost the same. they both have very similar apis. use_effect_with_deps = useEffect, there is also use_effect (no deps, runs every time) etc etc.

@Khari99 2 года назад

Definitely need that Elixir comparison. Just spent the last year learning Elixir. I must know if I'm wasting my time lol

@blacktipe9922 2 года назад

u dont

@vitorsantos6310 2 года назад

You know, for the most part I still can't grasp all the information you spit out, but.. One day at the time! Been programming for one year and a half, still got a long way to go. Let's see how long it'll take for me to feel confortable with the topics you talk about in this channel ! Big thumbs UP!!!

@ThePrimeagen 2 года назад

it wont take long, just put that time in the saddle

@herrcrazi7495 Год назад

Key thing between the backend and frontend outfits is changing the programming socks colors

@eduardabramovich1216 Год назад

I heard Svelte is compiled, also solidjs and qwik seem to be super fast. It would be great to see a comparison.

@chaycungbaronnie 2 года назад

Could you please give quick compare between all rust frameworks, I'm considering actix and tide as well, which one is better?

@ThePrimeagen 2 года назад

.. quick?

@michaelkwon5467 2 года назад

This channel is so good, looking forwards to 1M subs

@ThePrimeagen 2 года назад

if i get to 1M subs i'll probably go full time :) but i doubt it, i don't make super click baity stuff ^^

@OJeyjunior Год назад

0:41 I will save that as gif for when the teacher calls me up but I'm bricked, so I can get up fast.

@erikslorenz 2 года назад

You've outdone yourself on the thumbnail. Excellent work lol

@ThePrimeagen 2 года назад

thank you. I worked many hard on it

@Gashdal 2 года назад

bro i gotta see the elixir joint. i done doinked that like button like you wouldn't believe. just plum socked that button. get a load of that thing. its hells of clicked right now

@ThePrimeagen 2 года назад

SOCK_IT BABE

@tato03130 2 года назад

reasons to wake up on Monday:

@systematic93 2 года назад

I guess one thing that slows down the node version is usage of renderToString, can we get a test for using renderToNodeStream ? My guess would be that the gap would shrink for larger numbers.

@ThePrimeagen 2 года назад

i was just going to try solidjs. To me, its just time to pack up the bags and try something completely different.

@creativecraving 7 месяцев назад

I saw the IDE comparison video The P did, and I recommend getting a second opinion on any front end advice he gives. 😂 😅 ❤

@cameronguilbeau5888 2 года назад

I never leave a like, just did. Loving these speed test based videos. (also the rust content) Subbed.

@zahimeen 2 года назад

Have been watching the streams on and off so I was waiting for this video to explain wtf was going on (I have a nugget brain).

@ThePrimeagen 2 года назад

did this help?

@zahimeen 2 года назад

@@ThePrimeagen definitely, I can’t put it into words but you just explain things amazingly.

@angryman9333 2 года назад

my pryaers finally came true COMPARISON, please do these more

@ThePrimeagen 2 года назад

i have done quite a few of these ;)

@angryman9333 2 года назад

@@ThePrimeagen yes thank you, i appreciate these videos. i enjoy watching comparison between languages

@justcreate1387 2 года назад

“Node, could you gently..get the hell out of the startup” - ThePrimeagen 😂😂😂

@matteusan 2 года назад

i’ve never been this terrified and concerned at a thumbnail...

@Atmos41 2 года назад

I loved the video so I dropped a like, but since I am an algorithm fanatic i'll also comment, hell yeah

@ThePrimeagen 2 года назад

LFG ALGORITHMS

@CountJamesMcGuigan 2 года назад

What other rust front-end frameworks are there?

@ThePrimeagen 2 года назад

Sycamore which is a Solid JS like framework! There is dio* something. Perseus, and more!

@mateusleon 2 года назад

Hey PRIM, I would like to suggest not a performance comparison, but an analysis on Misko Hevery's Mitosis and it's approach to write Front End. By the way, you are like Joshua Weissman but cooking CODE. Cheers.

@ThePrimeagen 2 года назад

so i want to make a really render heavy item :) something these frameworks are not suppose to do, and do them. :)

@mateusleon 2 года назад

I see some cold fusion happening!

@arshiaalidosti8818 2 года назад

Great, Love to see the elixir, And how about Blazor VS Rust WASM ?

@jonathanmv 2 года назад

when is it that you, the dev/startup/business, feel the "WOW, this is fast"? Specially when you have latencies you don't control, e.g. waiting for your db or calling third party APIs. If you're optimizing for speed, when is the SSR time your best candidate for optimization?

@ThePrimeagen 2 года назад

its about making good software that actually doesn't result in the eventual heat death of the universe

@luismunoz9126 Год назад

in a real world application the frontend won't be served from express, it would be served by nginx for example. the frontend it's complete separated from the backend, that makes node js faster and if you use serverless you can scale it very quick. but Rust has no chance today, may be in the future will be diferent

@ItzAnameOk 2 года назад

That thumbnail... I'm calling the police

@lukezeitlin302 2 года назад

same language in the front and back end, why not Clojure?

@monsieurolaf8643 2 года назад

Getting `Dr Disrespect` wibes here, but about Programming :D Great Video

@darkarie 2 года назад

I have a good friend, he is a programmer, he programs in Rust, the other day he said the server he made was blazingly fast. He is correct, the server is really fast, but we are not friends anymore.

@ThePrimeagen 2 года назад

i had this friend too, and friendship was ended.

@michalcizek6785 2 года назад

This guy is the Dr. Disrespect of coding and I love it :D

@ThePrimeagen 2 года назад

Thank you :)

@michalcizek6785 2 года назад

@@ThePrimeagen Iam a frontend developer and I code in JS / TS :O Dont block me :D

@michalcizek6785 2 года назад

@@ThePrimeagen actually had a chance at school to make a project in Yew with Actix on the BE, but some things that are easy in React were a real pain in the ass to do in Rust, learned a lot tho and I love Rust, sadly it takes a lot more time to code the same product in Rust vs JS, which is really one of the most important things

@dovh49 Год назад

I build my front end code in the service worker for offline apps. I have a small lib that uses string literals to stream the html to the "front end" (as everything is already on the front end). Basically, it is an MPA on the front end. Dead simple. The core of the app is probably 6KB + how ever much the actual application is, which is usually not that much bigger. MPAs just make everything simple.

@jermeekable 2 года назад

Most cerebrally witty humorous dev on youtube.

@scottspitlerII 2 года назад

I CANT BELIEVE YOU ACTUALLY MADE THIS. I LOVE IT

@amiteshel1799 2 года назад

man i love bench marking, but you make it so much better. didn't know it's possible

@techlifejournal Год назад

Thumbnail is next level 😂

@YousufZiaTheOneAndOnly 2 года назад

We need that elixir comparison!!!!

@ThePrimeagen 2 года назад

then like em!

@mycode0 2 года назад

Is the elixir comparison out ?

@nhieljeff2156 2 года назад

SOLIDJS! there, I said it.

@bashbunni 2 года назад

I am once again triggered by the number of tabs shown in this video

@ThePrimeagen 2 года назад

i have so many more tabs, i just hide them on my other computer

@blade2663 2 года назад

I think that using worker threads for synchronous stuff and maybe something like fastify instead of express could make a difference

@Lucas-hh4oh 2 года назад

There might be a little something. But I doubt it would make any significant difference since it still *javascript,* which *is the problem.*

@everyhandletaken 2 года назад

@@Lucas-hh4oh JavaScript is not the problem, just not always the solution.

@Confusedcapybara8772 2 года назад

sweet lord look at all those tabs open

@DevlogBill 2 года назад

I double clicked the" LIKE" button!. Please make a video comparing React VS Svelte! Thanks Prime.

@SsaliJonathan 2 года назад

I love you man. I love you. You make me laught all the time.

@leandroloriato Год назад

Is there a rust vs elixir version?

@artemsyvak2854 2 года назад

ThePrimeagen, hey! I've been watching u for a couple of month, I love your way to provide content, thanks a lot! I would like to recommend record some comparison of web frameworks in BLAZINGLY FAST rust and js world, which u will choose for entire project and why? Actually I'm a js dev, yeahh :D But after looking your content, I started watching at the rust world, seems to be so cool, ohhh sorry, not cool but BLAAAAZINGLY FAST!! best wishes from Ukraine 🤙

@krystianjonca814 2 года назад

React vs Svelte vs Solid vs Vue would be fire 🔥🔥🔥🔥

@ThePrimeagen 2 года назад

i am working on it very shortly.

@colemeyer1044 2 года назад

Can you do deno fresh vs yew?

@ThePrimeagen 2 года назад

literally starting that on tuesday, on twitch.

@gibsonliketheguitar5507 2 года назад

Dad. I need advice. How do you find energy after work to work on side projects?

@mitchellduhe 2 года назад

I’d like to see some svelte content too

@ThePrimeagen 2 года назад

i would love to do a svelte, react, solid front end thing

@m3ll0f3ll0 2 года назад

The dr disrespect of programming, bring on that elixr bby

@ThePrimeagen 2 года назад

WE TRYING

@hamburger-fries 2 года назад

Really diggin this WASM love. More Jamstack + WASM, pretty please with sugar on-top?

@lifeofdandotme 2 года назад

I liked this video blazingly fast. Elixir looks so strange but it has a lot of vocal fans so I’d like to see what the hype is about.

@aws-china 2 года назад

seems to be blazingly fast

@IvanPopov Год назад

So what about deno instead of node?

@rxuhwxx4tmly9xvcktcn2znpsx4 2 года назад

one of my projects finally moved from TypeScript React to Blazor WASM with C#. It's so much more relaxing writing a website without pulling in a million node modules and using a statically typed and compiled language. Also being able to use internal dependencies is pretty dope. No more duplicate DTO classes and http client wrappers

@brentsteyn6671 2 года назад

What do you do if you want too split stuff up in to microservicese?

@XeikZone 2 года назад

@@brentsteyn6671 Shared project.

@thengakola6217 2 года назад

7:00 "speedier" is that a word? lmao

@ThePrimeagen 2 года назад

it is now

@ahmaddynugroho 2 года назад

Ye, i need the (elixir|svelte) one

@SahraClayton Год назад

why are the Yew docs written in React

@ahmedkaram3829 2 года назад

it's erlang and elixer time

@ThePrimeagen 2 года назад

NO!

@ahmedkaram3829 2 года назад

@@ThePrimeagen say it man , u love pain with javascript i know it 😆

@ГеоргийТимофеевский-х9х Год назад

So yew files with the same element depth are larger than react files, if I understand correctly? This is no good at all

@hillaryokerio88 2 года назад

Elixir baby we need that

@AICodingAdventures 2 года назад

Yes, let see Elixir!!!

@vimaximus1360 2 года назад

what happened to GoLangu? 😢

@ThePrimeagen 2 года назад

i am doing some on stream ... its next video :)

@vimaximus1360 2 года назад

@@ThePrimeagen 🥳

@ds_7 Год назад

I need an Elixir vs Yew video!!

@KoltPenny 2 года назад

The future of humanity will converge to using Lisp. There's no other way.

@ThePrimeagen 2 года назад

its the only way? eww

@KoltPenny 2 года назад

@@ThePrimeagen Only in parentheses you'll find true balance.

@zym9785 2 года назад

When did Dr.Disrespect get into development?

@ThePrimeagen 2 года назад

accidentally did a udemy course and now look

@micalevisk 2 года назад

ELIXIR vs NODE hell yeahhhh

@dailymeow3283 2 года назад

you lickin the rust 🥶 lol your really fun

@DimitriSabadie 2 года назад

Great video. Coconutoil/10

@ThePrimeagen 2 года назад

that is a great ratio

@charminarchaupal 2 года назад

4:21 damnn

@onlyspittersofficial Год назад

"Atleast They Say" 🤣

@erikm2937 2 года назад

Come on Prime, time to get lickety win da 'lixer.

@blackfrog1534 2 года назад

the elixir experiment would be great!

@aleksandermirowsky7988 2 года назад

Blazing

@monk_mode8273 2 года назад

So Node is slower but ... which one was faster to write the code?

@lucianoseibel 2 года назад

an intersting comparasion is rust versus a realy fast language .. C++ ... it's possible?

@ThePrimeagen 2 года назад

i daily drive c++ and it would be a nightmare to make this :) there is just so much more oof when it comes to c++ :) i am sure there is a wasm framework, but it wont look much like react, and if did... just image the macros... dear sweetness

@lucianoseibel 2 года назад

@@ThePrimeagen ok then you awsered me ... rust is fast as and more simple and eficient to the job... tks man

@AFE-GmdG Год назад

What I don't understand right now: Isn't Yew 100% Server Side Rendering? I use a lot of Typescript React and many components I've developed do a lot on the browser side. My web server workload is mostly the static delivery of few compiled JS and some other assets like fonts and images. Other than that there are only pure JSON data from and to the server. None of the latter were ever the bottleneck. That would be comparing apples and oranges.

@TheCalcaholic Год назад

No, yew is mostly client side rendering through web assembly. Just like with React's SSR, only the first request will usually be rendered on the server

@AFE-GmdG Год назад

@@TheCalcaholic didnt know

@AFE-GmdG Год назад

@@TheCalcaholic Is there any debugging support from VS Code (the same way like React with Breakpoint Support in the Typescript Code) and not only minor help through Chrome Devtool WASM Disassembly? I tried Yew, but only a very short time and most possibly without a proper project setup

@TheCalcaholic Год назад

@@AFE-GmdG I don't know. Never used it personally (was just reading up on it)