Build Blazingly Fast React Desktop Apps with Tauri

Building desktop apps with frontend frameworks has been something developers wanted to do for a long time. Which is why electron became so popular. But now there's tauri, a faster, more secure and smaller electron alternative. Let's check it out!
I hope this video can help you. If it does then please consider subscribing and giving me some feedback.
Have a great day!
My GitHub: GitHub.com/N-Ziermann
My Website: n-ziermann.com
Timestamps:
00:00 Setting Up Tauri with React
01:23 Calling Rust Code from the React Client
03:24 Calling System Functions from Typescript
04:51 Setting Tauri's Security Config

[@pythonmini7054]

I was looking for a good tauri tutorial, your teaching is nice but can you make series on tauri so that we can understand better 😊

[@NiklasZiermann]

Thank you! I currently dont really do multiple videos on the same topic but i might concider it in the future :)

[@prashlovessamosa]

Just found your channel your videos are awesome 😁 kindly make more rust videos i love Rust.

[@NiklasZiermann]

I'm glad you like the channel. I primarily create React content, but I'm sure there'll be an oportunity for Rust videos once in a while as well :)

[@SR-zi1pw]

Nice content brother

[@NiklasZiermann]

Thank you :)

[@NicolasVegaTerrazas]

Thanks for the great video, exactly the introduction I needed on Tauri! Do you know how compatible it is with the npm ecosystem, I mean can I use the same packages I use on the browser ? Wrapping all the server calls in useEffects its a bit annoying (thats why react-query is so loved), do you know if react query is supported? :D A lot of questions, Ill start researching in parallel. (also if you have any insights on wether Tauri will be supporting server components would be amazing :)) cheers!

[@NiklasZiermann]

You're welcome, I'm glad I could help :). Most npm packages will probably work quite well, as tauri basically just spins up a browser runtime anyway. I haven't tried using this with react query, but i don't see any reason why it shouldn't be compatible either. I doubt that tauri will support server components though, you can see their roadmap on the tauri homepage :)

[@NicolasVegaTerrazas]

@@NiklasZiermann Thanks for replying, yes you also mentioned (or I wrongly interpreted) Tauri's runtime was kind of reduced version of the complete browser runtime (therefore lighter). An analogy to explain how it sounded for me would be e.g. edge runtime Vs node runtime. Not all packages are edge -ready because is a lightweight faster version (therefore not all node apis are included in the edge runtime). If you have any insights here or you correct me I would appreciate it :) thanks for the video again.

[@NiklasZiermann]

@@NicolasVegaTerrazas It isn't a lighter runtime as you interpreted it. It rather is the browser runtime built into your operating system. This means, that tauri doesn't need to ship a browser with your code (like electron does) it can just use the built in one. The only gotcha with that is, that you'll need to be carefull which JS/CSS features you use, as they'll need to be supported in the version of that browser runtime, that is included in the users OS. So basically the same gotcha as you'd have with any normal web app :)

[@NicolasVegaTerrazas]

@@NiklasZiermann That makes more sense!! Thanks a lot :)

[@quasozial2275]

Hey, i got a problem with using the Shell. i allowed the execution and defined a scope with a cmd of echo test. but i only get a program not found error. do you have any experience with this?

[@NiklasZiermann]

Not really, sorry...

[@ICOReviewtoken]

Hi bro, How can I launch the chrome web driver when building the app, the user can click on a certain function to perform auto login, for example?

[@NiklasZiermann]

I'm afraid I can't really help you with that. Sorry..

[@realdaly]

why I can't get tailwind to work? I tried the official set up for tailwind with create-react-app but it's not working the classes aren't making any effect.

[@NiklasZiermann]

I haven't tried to use tauri with tailwind. I'm afraid I can't help you, sorry

[@realdaly]

@@NiklasZiermann np