Building a Rust App With Yew!

[@letsgetrusty]

📝Get your *FREE Rust cheat sheet* : www.letsgetrusty.com/cheatsheet

[@lbertondev9149]

Awesome, I give thanks !!

[@Anto-mi5pn]

Please do more project based videos. I couldn't for the life of me understand why there aren't a lot of rust projects on KZbin.

[@Karpfly]

Yes! Please do some projects! Some series with 10-15 min per video on where you describe how it works. API with DB and Frontend, desktop app(gtk, qt bindings), simple game(godot bindings) or embedded :)

[@whoopassmemes7256]

I think it's because rust environment is pretty young. A lot of libraries has not 1.0, and despite the most love language since 2016, but i think a lot of them are professional who has a lot of experience and not really relying on tutorial. They just read the docs

[@Karpfly]

@@whoopassmemes7256 yea, but this channel it's about learning Rust, I prefer learning with projects, on my university we have programming class with two kind of teachers, the "book" type where you write few simple cli program every class, and "project" type(those guys are owners of small dev company) - they only said: "i want you split in groups and write me app that does this, this and this, i don't care what technology you use, im your customer, sell me the app that i want. If you have problem with project im here to help you", so basically our groups have written and deployed multiple projects: desktop app(both linux and windows), web app and android app - that learned me much more than creating simple cli programs

[@whoopassmemes7256]

@@Karpfly yes, i agree with you. But that's not my point. My point is, the language is young and has pretty little community who are also content creators compared to other languages like javascript, golang, etc. But i love watching rust related videos, even though I'm not really learning the language, because here in Indonesia rust is not popular at all, and I'm currently in uni, still beginer, and currently learning golang. So maybe someday i will learn it

[@Karpfly]

@@whoopassmemes7256 yea, you are right, same is for me i like rust but i only saw one job post in Poland where rust was only mentioned as nice to know, maybe some day...

[@thomascastelly5440]

For desktop applications, Tauri + Yew it's a pretty cool setup 100% Rust!

[@fus3n]

do you know any (rust) beginner friendly GUI crates

[@lbertondev9149]

Tauri is amazing desktop and mobile applications!!

[@thomascastelly5440]

@@lbertondev9149 Is mobile already available? I saw "in progress" and "coming soon". A cool setup to try for mobile is Flutter in FFI with Rust :)

[@thomascastelly5440]

@@fus3n You should take a look to Dioxus

[@lbertondev9149]

​@@thomascastelly5440 Yes, that's right, but soon mobile development will be available!

[@musdevfrog]

The framework looks really nice to be honest. I might even consider building my projects without javascript. Rust is the future.

[@haystackdmilith]

Using Yew since version 0.13. It's a lovely framework :) Nice you mentioned it

[@ebrelus7687]

Cześć. Tworzenie apek na androida już dodali? Czy w rust da się coś pisać funkcjonalnie są do tego biblioteki jak lodash i Ramda w js? Ten kanał tu chyba jest solidny na start. Sorki jestem zielony, dopiero ogarnialem reacta.

[@genericuser9138]

Some medium or beginner level project based tutorials would be better. Most tutorials and videos on newer techs are just how to make counter. Moreover, a project with backend and frontend would be much appreciated. Thank you!

[@pedrobmorales]

Phenomenal, lots of excellent material!!! Will look into building UIs with Rust and Yew!

[@thecombativemedic521]

This is awesome I love practical and repeatable applications your an awesome teacher and made all of this feel so easy to learn!

[@haystackdmilith]

Cargo extension worth mention: `cargo install cargo-edit` will install `cargo add` feature. With this you can simply write `cargo add yew` in the project root and it will automatically pick the latest version available.

[@gregoryking2664]

In Rust 1.62 this comes built in.

[@nsa3967]

This is built in now

[@brianteague8031]

sauron is also worth checking out and also supports SSR.

[@agivney]

As always, a great tutorial, so easy to follow. Keep up the good work.

[@chairmakerPete]

Wow - this is really neat! Rust looks a bit tricky to learn, but could well be worth the effort.

[@jaysistar2711]

Perseus and Sycamore are my current choice. Server Side Rendering (SSR) and client side rendering Single Page App (SPA) in 1 package, like Next.js, or Sveltekit.

[@ebrelus7687]

can you share something simple like this on github to look? or a link to such

[@RiwenX]

I was considering Yew for a new project, but the ecosystem is still lacking. For example, there is no map library yet.

[@MikeM8891]

For me the wasm file this produced was over a 1 MB! I guess I need to consider the size of my project before using Yew. I would love to see what Yew is really capable of. It just seems really heavy for such a small app, one that would be very easy and light to implement in Javascript with just notepad.

[@izacximenes]

use trunk build --release

[@crazyaccess]

Let’s rust, new intro loving you and your channel…

[@MathiasLuer]

I really love that. I have a question how do Yew apps perform in the matter of search engines

[@codetothemoon]

Fantastic video! I am a bit of a Yew fan :)

[@lukecastellan3000]

Although I'm a Ziglang guy, it's super cool to see what is possible with Rust and WebAssembly!

[@diegosorte]

X2

[@altairbueno5637]

The struct based components may be deprecated in the future in favor of function components tho

[@----__---]

Afaik the general consensus afaik that wasm will not be an ideal solution fot building frontends until it can do direct dom manipulation.

[@SumoCumLoudly]

Web assembly won't take off because its still too slow, not close to native performance. So apps that are too heavy for the Web are still too heavy, and javascript is already fine for everything else.

[@----__---]

@@SumoCumLoudly Web assembly is not slow. Its literally the fastest you can get on the web. Once the major browsers start enabling wasm to have access to the browser APIs and the DOM, the javascript FFI will not be a bottleneck and wasm become able to really take off.

[@climatechangedoesntbargain9140]

I think long term everything will be wasm, including js

[@raidensama1511]

As said back in the early 2000s JavaScript needs to die

[@MisererePart]

I think you should take a look at Dioxus, which seems to be a more evolved framework than Yew for styling.

[@pancakeslayer9084]

How can I change default 8080 port?

[@typecek]

how do I center a div

[@UndeadSasuke34]

I am a web dev, and I started learning rust for fun, and I love it. Do you think companies in the not too far future will start building apps with rust for backend and/or frontend? I will be so down to get a job for a company like this

[@simppugaming2546]

I followed the amazing tutorial but how would I go about deploying the website?

[@yashsaxena9]

Hello, I'm new to rust and webassembly. Can you specify what are the gains of yew over existing frameworks? I thought webassembly gets an api level access to dom so actually modifying dom elements is slower than a js way of dom manipulation, so wouldn't it take a huge toll when using web assembly for that?? Also does yew use multithreading? Also I can't find newer content on webassembly and yew, most of the things I get over internet is 2 to 4 years old, please suggest some newer content of you know any. Thank you :)

[@someghosts]

Commenting here so I get alerted if anyone replies

[@payman5581]

Nice job. Can we use tailwind or bootstrap with yew?

[@alexandersemionov5790]

What’s the size of resulting wasm and JS?

[@siminaniwhat]

Hey man thanks for these amazing videos. Could you do more tutorials on yew wasm, like after testing it locally, how could we host it online for the internet to access? Currently im trying to host a static web page done using yew, and I tried to host it on github page, but it did not seem to work. github pages only able to load my index.html which is an empty page.

[@mandjcraft]

I wish you did this with function components instead.

[@jaldaadithya5053]

could you please make a video on actix web with yew

[@PieroRolando]

They now support functional components and hooks!

[@funnynews341]

the basic videos is so much as docs show. But we can't find a complete projects rust production like other language (python, js, react,..)

[@Thegamer-kf8zz]

Awesome video! This helped so much!!!!!

[@avaric3z]

Can you make a video with ICED?

[@tetuaoro]

Thanks a lot. Sure more video about yewww.

[@valentinomelis8331]

More video with yew! Even Using Tokio or Tauri please

[@guymercier627]

Great programming and nice application... but still there is a long way before it can be compared or replace the Django library... looking forward to Rust.... I would like some example of replacing my React frontend with Rust. Currently I use React in some frontend applications and Django-Python RestFramework API backend...

[@__lyynn]

Hey, what kind of UI software can we build with Rust ? This type of application can be easier un JavaScript with Électron and NodeJS. ( I have discover the Rust yesterday and i love it 😂 cli applications would be fun to build )

[@lucianochadru4064]

kzbin.infovideos

[@lucianochadru4064]

Don't be scared, this is actually easier that what you may think at the beginning. Just... fake it 'til you make it !

[@lucianochadru4064]

Reason why use Yew instead of wasm-pack ?

[@lucianochadru4064]

Lmao just figured out how dumb this comment was

[@askmeshiah]

Thanks so much. Keep up the good work.

[@saaddahmani1870]

Please, a video about desktop GUI frameworks in Rust.

[@13ciaran13000]

Sorry to be a noob here, but for the love of god can someone please explain to me what the hell "rustup" is. Everywhere I go seems to just assume I have it, and when I go to install it it says I need to uninstall rust??????? Like I assume it has its own version of rustc or whatever but idk. Someone please explain.

[@13ciaran13000]

Like is there no way to target WASM with like normal Rust???? Like I have to install this weird alternative version of Rust?

[@bartoszdobija2069]

@@13ciaran13000 it's not alternative version of rust, this is more like rust installer, it can update your rust, add packages like yew or rust-analyzer etc

[@alexkuiper1096]

Brilliant - thanks!

[@TheZdannar]

I would like to see some videos taking Yew farther. Otherwise, I always enjoy your content.

[@batman4895]

I would love to see more wasm(_bindgen) tutorials as well as macro tutorials in the future! How did you actually achieve that the terminal is showing your history commands?

[@aduentix9491]

It's probably not zsh (the shell) (which is standard on MacOS), but "fish". You can look up tutorial on how to get a nice fish shell :)

[@batman4895]

@@aduentix9491 thank you!

[@sbx1720]

nice, but I prefer dioxus because you can build for web, mobile and desktop

[@ironhammer4095]

Wow, thanks for this comment. I did not know Dioxus existed. Now I do.

[@leftyhero147]

Wtf man, you just read my mind. I was looking for something with Yew and Wasm

[@coldsir5406]

Awesome content. Love it. If Rust was be a girl I would marry her.

[@andrefilipefonsecaborba4989]

please, more rust videos!!!

[@s1n7ax]

Please create more videos. Global state and other important stuff

[@tomascerny6567]

The font size is so large it hurts my eyes.

[@jeffg4686]

I INVENTED "impl vars" !!! It's one for the books ! (and I'm not even the smart one, not by a long shot - but I invented impl vars). Jeff was here 🤪

[@kennethbeal]

Thank you!

[@bobgodwinx]

The Best! Thanks

[@mtteslian9159]

Great class !

[@adsick_ua]

suggest increasing video bitrate for better quality

[@GlobalYoung7]

Thank you 🙏 😊

[@andriyabu]

awesome man.

[@gusvanwes6192]

I can't follow this as I don't know react

[@xodix1416]

Could you look into Tauri? Setup is quite easy but calling rust from the frontend is something I will never understand

[@ikazuchi-san5772]

Tauri* its for making desktop applications out of web applications, just like electron

[@xodix1416]

@@ikazuchi-san5772 Ducking auto correct.

[@ikazuchi-san5772]

@@xodix1416 oh i see, ye autocorrect is horrible sometimes

[@dziurappa]

Yes, I want more!

[@alexzander__6334]

wow, at last you started to put github repo of what you are doing in the video

[@jonathanmoore5619]

Thks

[@MarkusBurrer]

I like Rust, but in this case I really would prefer Elm

[@maalunandhu007]

thank you

[@antonpodkur3520]

More project videos!

[@betrueto1]

Noticed your later videos were on a Macbook, and earlier Ubuntu. Also, we all know Microsoft is a big Rust advocate. I want to create a VM for Rust dev with *all* the goodies to standardize the development environment. Can you recommend an OS? DO I give up any goodies with Linux (clippy, analyzer, etc.)? If not, is there a distro with a small footprint and required dev libraries that someone could recommend to build up such a VM? Thanks in advance. :-)

[@klutch4198]

Nice!

[@stefankyriacou7151]

More project based videos would be awesome!

[@wintersunset1773]

SIX HOURS OF PAIN Gone a couple minutes Thanks a bunch

[@Fidelity_Investments]

I think I have a crush on this man.

[@willinton06]

A bit of boilerplate ngl but pretty good nonetheless

[@sajjad7818]

Awesome

[@bitconnect]

i liked the video

[@voqlyafvxj5658]

You people need to understand this guy dont want to do more stuff like that. And people in a lot of these type of channels too. This guy takes code from yew repository, simplify this and record the video. If you google "yew counter" you'll find the example project from official yew repo. Thank you for your attention.

[@sileme3733]

If it weren't for you, I don't know what to do, I don't want to spend money on it

[@krtirtho]

Seriously, the creators of Yew didn't find any better name than this? -_-

[@andregraes]

A COUNTER?? Really?? A counter?!

[@learntry9074]

perfect ..

[@zhaadd]

this is my first time crying over coding

[@Scipio-Nigerianus]

Nice although it's counterintuitive to build a website with Rust. Way too complicated for something as simple as a counter. Svelte does this in like 5 lines

[@mosth8ed]

Yeah, but Rust, though..

[@RiwenX]

Obviously, a true production app in Yew wouldn't be a simple counter...

[@tigrux]

That sound of a mechanical keyboard… hmmmm….

[@wajahatalibasharat6923]

rember life is short, so spend it wisely

[@HylianEvil]

do what now to the like button?

[@electrocuted5010]

But why would you build a web app in Rust, when the ecosystem is undeveloped and JS/TS is mature? I really don't see an incentive to compile to WASM for the world's fastest cookie clicker app.

[@climatechangedoesntbargain9140]

Performance, Backend compatibility, fun

[@veritopian1823]

This vid would be much better if you had the code prepared so you could concentrate on explaining it. Your explanation isn't very good because you're thinking only at the code level, with no wider view. Watching people type is like watching paint dry...

[@nam1780]

I AM BROKE SO I CANT AFFORD IT MY PARENTS WILL NEVER ALLOW (TT)

[@MrZiyak99]

Rust is clearly not meant to ever be used for web apps but this is cool nonetheless

[@santiago4773]

Always the same st*pid counter app 🤦😪

[@THEGAMER-cc2eq]

How's the situation in Ukraine?

[@MMABeijing]

it s fine

[@evangeloskolimitras5276]

Oh man please don't make the channel shity. Don't do the mistake other youtubers do. I come from a multiple years of web dev background and I know the library/framework/what so ever shiet. Actix, tokio etc yeah i think they offer something but in general my opinion is to keep your channel as vanilla as you can. Teach rust. Not rust frameworks. Just a suggestion. Keep up the nice work.

[@flogginga_dead_horse4022]

no

[@Hyperboid]

Nix users: Use this command to serve: nix-shell -p trunk --run "trunk serve"

[@tomkcey]

websockets :) we want websockets message broker :) we want message broker postgres :) we want postgres :)

[@commievoyager]

Exellent! That all works! Just one point that _ctx should be private for me. But it still works.