Blazor in 100 Seconds

  Рет қаралды 537,329

Fireship

Fireship

Жыл бұрын

Blazor is a framework that can build frontend web applications with HTML, CSS, and C#. It leverages web assembly to eliminate JavaScript from the usual client-side tech stack.
#webdevelopment #csharp #100SecondsOfCode
🔗 Resources
Blazor Docs dotnet.microsoft.com/en-us/ap...
C# in 100 Seconds • C# in 100 Seconds
Web Assembly in 100 Seconds • Web Assembly (WASM) in...
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What is Blazor?
- Blazor basics tutorial
- How to install Blazor?
- How does Blazor work
- Using C# to build a website
- Tools to build web apps without JS
- Use cases for web assembly

Пікірлер: 1 000
@willinton06
@willinton06 Жыл бұрын
And so the prophecy has been fulfilled, I’ve been working with Blazor since its experimental release, this puts a tear in my eye
@kaksarkar
@kaksarkar Жыл бұрын
How is it? What are the most pros and cons of it? If you don't mind
@farrellraafi1301
@farrellraafi1301 Жыл бұрын
@@kaksarkar pascal case I think
@muhammadmejanulhaque3305
@muhammadmejanulhaque3305 Жыл бұрын
@@kaksarkar last time I remember, for first-time page loads it takes more than 1MB of resources for web assembly to load. don't if they fixed it.
@kaksarkar
@kaksarkar Жыл бұрын
@@willinton06 thanks for the effort much appreciated 👍
@Solomonwo
@Solomonwo Жыл бұрын
Nqb
@notreallyhaarsh
@notreallyhaarsh Жыл бұрын
i liked how he used visual studio to initiate the project and then code in VS code
@CallumPooleProgrammer
@CallumPooleProgrammer Жыл бұрын
Well Spotted!
@eveleynce
@eveleynce Жыл бұрын
somebody forgot that dotnet new blazor is an actual command
@JBuchmann
@JBuchmann Жыл бұрын
I don't blame him. Visual Studio (IMO) is so bloated and complex.
@ichijofestival2576
@ichijofestival2576 Жыл бұрын
@@JBuchmann Too true. Used it for years. Never got comfortable with it. I reinstalled it about a year ago to get back into C#, opened it up, and... never opened it again. It needs a serious UI/UX overhaul.
@bobaGogo
@bobaGogo Жыл бұрын
@@JBuchmann Visual studio is an IDE compared to the code editor vs code. IDE's can be a bit more confusing, but when working on large projects I would definitely recommend swapping from vs code to an IDE.
@nickchapsas
@nickchapsas Жыл бұрын
Well that's a video I never expected this channel to make but here we are
@haha-hk9tx
@haha-hk9tx Жыл бұрын
Hahaha... finally some love for us
@zakraw
@zakraw Жыл бұрын
I expected this more from this channel rather than from you :P
@tjay5644
@tjay5644 Жыл бұрын
Yeahh interesting 😄😄
@Pascauuu
@Pascauuu Жыл бұрын
well well, if it isn't the one and only chap nicksas
@Rabban
@Rabban Жыл бұрын
This is a really arrogant statement from someone that is shouting his c# learning process in the world through youtube.
@StellaEFZ
@StellaEFZ Жыл бұрын
I work mainly in backend development, when I got the chance to work with Blazor it was just lovely, don't want another framework ever again
@oussama40612
@oussama40612 Жыл бұрын
Ew..
@krazymeanie
@krazymeanie Жыл бұрын
@@oussama40612 Ew you..
@Flash136
@Flash136 Жыл бұрын
@@oussama40612 lmao
@rafapioli75
@rafapioli75 Жыл бұрын
Me too!
@arabculture9201
@arabculture9201 Жыл бұрын
Can you explain why please?
@ioneocla6577
@ioneocla6577 Жыл бұрын
YES ! FINALLY ! Modern C# frameworks deserve way more love then it actually gets
@simonfj20
@simonfj20 Жыл бұрын
no
@Stuntman5701
@Stuntman5701 Жыл бұрын
@@simonfj20 yes. they do 100%
@amirhosseinahmadi3706
@amirhosseinahmadi3706 Жыл бұрын
@@simonfj20 You should keep your mouth shut and stop seeking attention when you have no idea what you're talking about.
@sazaraki
@sazaraki Жыл бұрын
Nah.
@tkemaladze
@tkemaladze Жыл бұрын
not much... its old stuff in new package.
@balazsmeszaros6644
@balazsmeszaros6644 Жыл бұрын
Your video inspired me to try Blazor. 1 hour later I have a webapp which gets data from an API, deserializes and visualizes the response. Amazing.
@kcnl2522
@kcnl2522 3 ай бұрын
How you done that in one hour 😢
@RiversJ
@RiversJ Ай бұрын
Create new project. Edit the default pages to inject a service into an included visualizing component, write the service method and hit Run? It really is absolutely fantastic, and since this video is old, the new .Net 8 version is also Blazing fast now aswell And if you want to save a metric ton of bandwidth, cpu anf memory, you can now use Grpc in a browser app fully type safe and autogenerated clients+server service base classes autogenerated. The only time waster in .Net 8 blazor is the kid in a candy shop glee that you'll have tinkering with fun crap instead of making your application
@carlosjosejimenezbermudez9255
@carlosjosejimenezbermudez9255 Жыл бұрын
It's SignalR, not Signal IR. Other than that, great video.
@ikgeek
@ikgeek Жыл бұрын
Same mistakes done by an iPhone user reviewing Android
@jacobstamm
@jacobstamm Жыл бұрын
I'm pretty sure it's Ligma IRL
@DoorThief
@DoorThief Жыл бұрын
@@jacobstamm what's ligma??
@jacobstamm
@jacobstamm Жыл бұрын
@@DoorThief ligma bawlz lmao gottem
@Atabascael
@Atabascael Жыл бұрын
Haha, I was already looking up if there's somehow a new version of SignalR called Signal IR
@filiecs3
@filiecs3 Жыл бұрын
I use Blazor at work and am absolutely loving it! No more Javascript magic BS to deal with, and all the code can be shared.
@terryfries
@terryfries Жыл бұрын
what workplace, I still get requests and am forced to use AngularJS or React js PLEASE I WANT TO ESCAPE THIS BURNING CUBICLE
@filiecs3
@filiecs3 Жыл бұрын
@@terryfries Several places are hiring for Blazor, but you can check out the job offerings for a company called Virtualitics and see if anything fits.
@TheCoderCareer
@TheCoderCareer Жыл бұрын
The rise of WebAssembly could make for an interesting next few years in frontend development!
@omarjimenezromero3463
@omarjimenezromero3463 Жыл бұрын
mostly quit some technologies to do more things instead add more things to do things we can do with the actual wheel.
@niels3794
@niels3794 Жыл бұрын
@@omarjimenezromero3463 What the fuck are you trying to say?
@_modiX
@_modiX Жыл бұрын
If they would manage to compile MAUI to web and ditch that Blazor shtt, things would be more promising. Also WebAssembly has no access of the DOM, keep that in mind.
@andrewlalis
@andrewlalis Жыл бұрын
WASM is just Java Applets all over again
@_lod
@_lod Жыл бұрын
@@_modiX that's why we need 'glue'
@HolyRamanRajya
@HolyRamanRajya Жыл бұрын
As a backend focused FS dev, I was close to accepting JS as a necessary evil. But now I think I can avoid hard js altogether in my career.
@OzzyTheGiant
@OzzyTheGiant Жыл бұрын
Well it's either that or adopt TypeScript. Trust me, it's been a life saver!
@ErminekCZ
@ErminekCZ Жыл бұрын
For server side Blazor it uses Signal R, not Signal IR. You can also use SignalR outside of blazor as it provides very simple real time communication (mainly uses websockets), can be used also in another languages like JS, Java,...
@pinniporker
@pinniporker Жыл бұрын
I wish fireship could make a detailed rust wasm tutorial.
@samyosm
@samyosm Жыл бұрын
@@pinniporker Why would you comment this under another comment instead of the video? 🤣🤣 How old are you?
@metalspoon69
@metalspoon69 Жыл бұрын
Yep, used signalR to update multiple frontend clients when something changed in the backend, works really well.
@BarriDuty
@BarriDuty Жыл бұрын
@@metalspoon69 can you explain more about it? what is the scenario where you needed to do that? im just curious, im new to signal r
@raltyinferno
@raltyinferno Жыл бұрын
@@BarriDuty The basic example is a chat app. If one person in a group chat types something signalR can update the UI of everyone else in the chat.
@-marin4332
@-marin4332 Жыл бұрын
Been working with Blazor for the past year and I absolutely love it! Built a couple ERPs with it that turned out awesome.
@bkcy18
@bkcy18 Жыл бұрын
Link to your github please
@Qrzychu92
@Qrzychu92 Жыл бұрын
Actually, variables in Blazor are not reactive. To trigger rerender of the UI, StateHasChanged needs to be called. However, every UI interaction call that for you, covering 90% of cases where you need to do it. On top of that, you can use MVVM pattern to automate this even further. As for sharing state between components, there is a concept of Cascading Parameters, basically variables that trickle down to all your components.
@AttackHelicopter64
@AttackHelicopter64 Жыл бұрын
Cascading Parameters still require to send value and setter in separate cascades?
@RoierHD
@RoierHD Жыл бұрын
In some cases the variables do update automatically, you can test this doing a repeating task changing a string or int while displaying it with @Variable
@wlockuz4467
@wlockuz4467 Жыл бұрын
Cascading Parameters sounds like Prop Drilling no? If yes then it doesn't scale well.
@marna_li
@marna_li Жыл бұрын
They are reactive as Blazor handles change tracking. But in certain cases you need to call StateHasChanged(). Like for code running in async methods not triggered by Blazor. Like a Timer callback updating the count field. But in normal cases code executed in lifecycle event and event handler methods with the EvenCallback delegate as its type will automatically trigger the functionality that detect changes.
@AbhinavKulshreshtha
@AbhinavKulshreshtha Жыл бұрын
Thanks for clarification, I was wondering about it, because last I heard about blazor, properties were not reactive and in order to make it reactive, quite a lot of setup was needed to be done.
@hraezvelg
@hraezvelg Жыл бұрын
I was working with React / C# as a fullstack dev, and switched to Blazor. What an improvement!
@heldim92
@heldim92 Жыл бұрын
Could you detail a bit further? I'm currently in doubt between next/qwik/astro + golang OR blazor/c#...
@hraezvelg
@hraezvelg Жыл бұрын
@@heldim92 I like a lot C# as a language, the way it is written and how it works and all the stuff around it. In a contrary, I do not like Typescript that much as a language, I find it more complicated to do something in Typescript than in C#, and the code is more of a mess imo with Typescript. Then in React I do not like how Redux works, I do not like how callback are used and so on... You have to do a lot of things compared to Blazor to have something clean, but I think it's because I'm more confident with C#. And it's a pain in the ass to deal with NPM package with React, there are so many versions, everything can explode at any moment if you're not careful. Beside, with Blazor and the nuggets package, it's so easy! And the last and more important point, I can use C# as front AND back, it means I can make a code works in front and back without touching anything, and it's amazing, you have less code, it's more manageable, so less error and so on. With all of that, I can dev an app 3x faster while taking my time to do it using Blazor.
@heldim92
@heldim92 Жыл бұрын
@@hraezvelg Thank you very much for your feedback! I feel you...I hate javascript and have been working on C/C++ stuff for 3 years now (totally different path), but the necessity to build a web application 100% SEO friendly has emerged and now I need to make my hands dirty on the webfrontend ecosystem... Your considerations about the way react handles data are relevant, I do agree with you that it's a mess and does not attract me. In fact, while researching after making you the previous question, I concluded that I would either try blazor or Svelte. It handles data similarly to Angular, which makes more sense to me, at least, but it's far cleaner. The reason why I'm still inclined to JS is because C# overall has a lot of boilerplate and I'm already familiarized with Go. Have you had any experiences with Svelte, or any considerations about it?
@hraezvelg
@hraezvelg Жыл бұрын
​@@heldim92 I do not know Svelte at all, but from what I see, it's just React using the functions system instead of classes, but it manages things like useMemo, useCallback which is imo a very good point. Yet even with that, I'll still go with Blazor, I jus't can't go back writing Typescript while I know C# can do the job. I repeat myself but, having only one language for the back and front both make be gain a lot of time.
@heldim92
@heldim92 Жыл бұрын
@@hraezvelg Thank you once more! I will certainly consider the points you've brought and give blazor a deeper research!
@nosknut
@nosknut Жыл бұрын
And so it begins: "Anything that can be written in C#, will be written in C#"
@marna_li
@marna_li Жыл бұрын
Yup. For any platform. Write once, run everywhere.
@marna_li
@marna_li Жыл бұрын
And opt-into the native platforms if you want to.
@worgenzwithm14z
@worgenzwithm14z Жыл бұрын
🤮
@user-lj4lo7cx7m
@user-lj4lo7cx7m Жыл бұрын
Hope it doesn't get like java: "Write once, debug everywhere" haha
@Qrzychu92
@Qrzychu92 Жыл бұрын
Yeah, right now, outside of system level programming or drivers, you can do everything in C#. From console apps, Microservices, web assembly, UI on all platforms, even services for raspberry pi. And it's getting faster with each dotnet release, which right now means every year
@MygenteTV
@MygenteTV Жыл бұрын
being a youtuber myself everytime I look at your videos I can see the amount of work you put onto this. thank you brother keep it up
@LymarV
@LymarV Жыл бұрын
I was waiting for this 100 sec episode for a long time! I am happy it finally happened!
@nek0d3r
@nek0d3r Жыл бұрын
Been waiting so long for some attention on this! I've been loving Blazor since before GA
@chrislamb4723
@chrislamb4723 Жыл бұрын
These shorts are a great help. It is so nice to get something understood in 100sec rather than a 2hr video. Per your request... Yes, please have more 100sec vids. Thank you!
@user-ts7of5to4e
@user-ts7of5to4e Жыл бұрын
Helpline📲📥⬆️ Questions can come in⬆️
@nessitro
@nessitro Жыл бұрын
Feels really good to see Blazor and MAUI getting some fireship warmth 😍😘
@TheGothGaming
@TheGothGaming Жыл бұрын
I just love the .Net stack in general. microsoft is doing a great job.
@oShinobu
@oShinobu Жыл бұрын
Agreed. I really dislike Microsoft's products in general, but their programming languages, development tools, etc. are all superb.
@S3Kglitches
@S3Kglitches Жыл бұрын
@@oShinobu except .NET MAUI, that thing has 5 developers and they absolutely cannot develop it on time
@stanleybacklund5614
@stanleybacklund5614 Жыл бұрын
Been using blazor for a couple years and it has changed my life. Frontend work is about 100x less miserable then js or mvc razor pages.
@arabculture9201
@arabculture9201 Жыл бұрын
So you don’t recommend to continue my Journey to learn JS? Can you please elaborate more!
@haha-hk9tx
@haha-hk9tx Жыл бұрын
@@arabculture9201 Well if ur job needs JS then u shd continue learning it, but blazor is just far more convenient
@el_teodoro
@el_teodoro Жыл бұрын
@@arabculture9201 I'd rather learn javascript if I were you, unless you also want to be a .NET developer, then go ahead and learn this framework. Like for example, that click function he made can be made with in 3 lines with javascript and doesn't require you to setup a framework.
@el_teodoro
@el_teodoro Жыл бұрын
I don't understand what is so miserable about js? Being depended on a framework sounds more miserable than optimizing your js code, which can be actually pretty challenging. But, honestly, if you want to be a good developer than such things should come upon your path for you to find solutions/better way instead of relying on a framework to do it for you. The only framework I'm kinda considering is React.
@stanleybacklund5614
@stanleybacklund5614 Жыл бұрын
@@el_teodoro It gets miserable when a team scales. You are working with hundreds of domain models and your js idea of an object needs to update with your c# backend. Ajax calls also get really old and maintaining endpoints is a whole task that is removed when a team is able to use blazor.
@SathishKumar-ky4xd
@SathishKumar-ky4xd Жыл бұрын
One of the most clear and short explanation i ever seen.
@JOHNDATGOONV2
@JOHNDATGOONV2 Жыл бұрын
I have been waiting for this!! Thanks for spreading this!
@KhauTek
@KhauTek Жыл бұрын
You should make a 100 seconds for mudblazor best library for blazor. makes everything super easy.
@azgan123
@azgan123 Жыл бұрын
Yes MudBlazor is fucking amazing
@pixel7038
@pixel7038 Жыл бұрын
Too generic imo
@robbware_
@robbware_ Жыл бұрын
@@pixel7038 So is bootstrap yet here we are..
@sky78710
@sky78710 Жыл бұрын
Mudblazor is powerfull in style which uses material design but some components are not performant popup is very bad in big senario also datagrid I think mudblazor need enhancement on js utilities..
@sqnelie
@sqnelie Жыл бұрын
I've been tinkering with Blazor for the past few months, can confirm that the line between server side and client side is blurred, so much so that at first it was hard for me to tell where the code would be executed
@fieryscorpion
@fieryscorpion Жыл бұрын
So happy to see you showing some love to my favorite language C# 😌
@federicodibernardo2719
@federicodibernardo2719 Жыл бұрын
Blazor is super! I use it from the beginning, having a single 'tech stack' for frontend and backend development speeds up a lot
@fbiagentmiyakohoshino8223
@fbiagentmiyakohoshino8223 Жыл бұрын
as someone whos trying to make some meteorological programs in c#, this sounds really good to hear
@Magelectro
@Magelectro 6 ай бұрын
Oh my This guy is a master in efficient and clear explanation +1000 thumbs up
@thyssenbot
@thyssenbot Жыл бұрын
Glad you did this video. Blazor is boon for everyone who doesn't want to work with plethora of languages, packages and builds.
@patrick71994
@patrick71994 Жыл бұрын
One small thing to correct besides the SignalR thing that others are already pointing out: there are imports in blazor. But when you have an _imports.razor file, all files in that folder and all folders below it will automatically have it imported as well. You can make multiple _imports files at deeper levels as well.
@pixelstriko1642
@pixelstriko1642 8 ай бұрын
Yeah, things aren't fully atomatically imported like how it is implied in the video, still very cool feature
@cameronadams777
@cameronadams777 Жыл бұрын
As a dev that doubles as a car nerd… I greatly appreciated the LSA engine animation at 1:39 lol
@sps014
@sps014 Жыл бұрын
Thanks have been requesting since months , great video
@guillermodanielmazzarigiov1768
@guillermodanielmazzarigiov1768 Жыл бұрын
I am so happy to see blazor here ❤️❤️❤️ I just live it, I use Vue and react, with c# on the back, on my job, for my independent projects, I use blazor ❤️❤️❤️
@NAEL4SLR
@NAEL4SLR Жыл бұрын
I'm absolutely in love with Blazor. We should have had this magic a lot sooner.
@grantwilliams630
@grantwilliams630 Жыл бұрын
Hey Fireship, would you consider doing a video on apache arrow and its eco system? I think it's one of the most interesting things being worked on right now and has broad integrations across databases, data processing libraries, many programming languages, multiple file formats, and even an ipc format.
@paulverse4587
@paulverse4587 Жыл бұрын
Just started a Project with Blazor, and there comes the video :D Learned about the Shared directory, since I haven't really gotten around to that yet :)
@thefragbeast245
@thefragbeast245 Жыл бұрын
Excellent video about one of my favourite frameworks!
@femloh
@femloh Жыл бұрын
It’s truly powerful. Used it on a project recently. Very quick to get used to. Can elegantly blur lines between UI and Server. Helped me get a project done. It’s really beautiful. Extremely great for backend guys to quickly develop solid FE on their own without any help. I hope it keeps growing. ✌️
@underguise3844
@underguise3844 Жыл бұрын
how's the performance, I'm thinking of learning it but that's the only thing I'm hung up on
@femloh
@femloh Жыл бұрын
@@underguise3844 It’s really good 👍
@havisvh
@havisvh Жыл бұрын
I have been waiting for this.
@imadabab
@imadabab Жыл бұрын
Fantastic brief. Very useful. I liked and subscribed. Thanks a lot.
@mrshurukan
@mrshurukan Жыл бұрын
Thank you, this was incredibly useful and informative!
@rebelmachine88
@rebelmachine88 Жыл бұрын
Wow this looks really slick, I think it's time to check out Blazor 😳
@devnelson
@devnelson Жыл бұрын
I tried Blazor a couple years ago and was instantly a fan. Such an elegant and efficient alternative to JS.
@Andreas-gh6is
@Andreas-gh6is Жыл бұрын
C# is quite clumsy compared to javascript and typescript, certainly less productive. F# on the other hand...
@e.h.5680
@e.h.5680 Жыл бұрын
@@Andreas-gh6is It's always funny when someone talks up a half-arsed, incomplete barely-can-be-called-a-language thing like JavaScript to something as methodical and structured as C#!
@Andreas-gh6is
@Andreas-gh6is Жыл бұрын
@@e.h.5680 you're entitled to your opinion of course. Typescript however has all the language features C# has and then some. So it's up to you if you want to program in a dynamic way or with an even tighter straightjacket than C#. On top of that, Typescript type inference is a lot smarter. As a result, the code is invariably shorter and easier to write and get correct.
@gallergur
@gallergur Жыл бұрын
@Andreas "All the language features that C# has"? Really? TypeScript is just JS (💩) with a few nice features copied from C#. It doesn't have an alternative to LINQ, runtime generics, records, structs, multithreading and so many other features... (Oh, and as I mentioned IT IS STILL JS, so the ecosystem is crappy, many 3rd party packages don't have type annotations and it still has all the weird quirks and performance issues of the JS language) And I don't know how you got the part about type inference. To my knowledge, it works quite similarly in TS and C#
@infeltk
@infeltk 6 ай бұрын
​@@Andreas-gh6isC# is clumsy but you do not have to use all feature of the language. I wouldn't say that C# is less productive, in my opinion js and c# have different areas of applications.
@alvinstefanus4887
@alvinstefanus4887 Жыл бұрын
I just started using Blazor a week ago, it is a dream come true. You can create website, Android, iOS, and cross-platform desktop App with a single codebase (with MAUI). Here is the problem (at this moment), If you are using non Windows OS, YOU WILL HAVE A DEBUGGING PROBLEM. I am using MAC, the hot reload cannot be activated along with debugger. You have to choose either one, do hot reload or debug. Currently this is not supported yet at VS Mac or even in any VSCode (Not even VSCode Windows).
@adambickford8720
@adambickford8720 Жыл бұрын
That was cooler than I expected.
@x7themm
@x7themm Жыл бұрын
As someone who hates web dev. (Yet is forced to) I see this as an absolute win.
@FloatingComet62
@FloatingComet62 Жыл бұрын
I love how he uses the visual studio template, but still uses visual studio code for the rest of the video
@comediehero
@comediehero Жыл бұрын
It has happend! Love Blazor! It was about time it got a video here!
@fryturaassado5703
@fryturaassado5703 Ай бұрын
the idea of replacing javascript with C# is just... crazy. But i love every second of it: i wanna live in a world with java running on every asset of a web browser.
@balramsingh4759
@balramsingh4759 Жыл бұрын
I got a chance to work with blazor in 1 project. This is an absolute gem, With C# libraries, it makes building app so much easier and faster. It is so understand. I will always take Blazor over React or any other framework but unfortunately it is not very popular and I don't get any time on it.
@joeg4609
@joeg4609 Жыл бұрын
is it faster than React? more efficient?
@sky78710
@sky78710 Жыл бұрын
@@joeg4609 No .. finally depending upon programming behaviour ...
@FilledStacks
@FilledStacks Жыл бұрын
Fun note: Blazor allows you to swap out the "Rendering framework" . This allows for cool things like writing flutter apps using "Blazor syntax" and C# 🔥
@HolyRamanRajya
@HolyRamanRajya Жыл бұрын
how?
@ghevisartor6005
@ghevisartor6005 Жыл бұрын
Nani?
@FilledStacks
@FilledStacks Жыл бұрын
@@ghevisartor6005 haha, yeah. It's super cool.
@ghevisartor6005
@ghevisartor6005 Жыл бұрын
@@FilledStacks what do you mean? Do you build components with the component builder api or whatever that was? Instead of writing them in the html markup?
@FilledStacks
@FilledStacks Жыл бұрын
@@ghevisartor6005 You can replace the render portion of Blazor with any rendering engine you want. Here's a tech demo of it, from 3 years ago. It's not in production, but if enough time is applied to it this can be created as a production framework. Check out the talk from this point. kzbin.info/www/bejne/q4iQfJ5thtWpa7c
@dwaynediesel6079
@dwaynediesel6079 11 ай бұрын
Beautiful! So well done in 100seconds where others would take 16 hours to say the same thing !
@xeoneraldo1254
@xeoneraldo1254 Жыл бұрын
I've been waiting for this ❤️❤️❤️
@macanolli
@macanolli Жыл бұрын
Been using Blazor for a while now. Its such an awesome developer experience that I don't want to write JS ever again
@TheDeathknight23
@TheDeathknight23 11 күн бұрын
How about a year later? Are you still using Blazor over JS?
@macanolli
@macanolli 11 күн бұрын
@@TheDeathknight23 Absolutely! As a team, we built quite a nice collection of custom components and rolled them up into our own dotnet templates. One thing I would say is the first thing we did was rip bootstrap out and replace it with mudblazor ui, partly due to being sick of the look and feel of bootstrap, but mostly due to the time savings to build up our custom libraries
@Bleshin
@Bleshin Жыл бұрын
It's pretty good if a bit clunky (it still gets the work done), .Net backend developers might appreciate it more than anyone though 😅
@ioneocla6577
@ioneocla6577 Жыл бұрын
Well it's made by .net devs for .net devs 🧐
@som5698743
@som5698743 Жыл бұрын
I think it is great, I have used laravel livewire and hotwire for rails and symfony, those are great alternatives too, I ditched react almost completely thanks to those (and blazor) it saves you so much time and headaches
@BBdaCosta
@BBdaCosta Жыл бұрын
I think this was the most beautiful thing a saw today
@IngwiePhoenix
@IngwiePhoenix Жыл бұрын
That sounds pretty neat. Interested in seing what a basic app is like in size; like how much bloat is actually sent to the client? Lovely introduction, thanks!
@marianf25
@marianf25 Жыл бұрын
I've been using Blazor for 3 years already and I just love it. It makes my life so much easier and I can't find any reasons to go back to a JS framework. I wish more people would know how much advantages it has and how much time it can save over the long term.
@yashizuko
@yashizuko Жыл бұрын
It eventually will with time, look at the blazor subreddit, its constantly growing in users
@PelFox
@PelFox Жыл бұрын
Do you use WASM or Server? How does it serve with apps having more load? I haven't used it for more than smaller apps, but always heard the initial load time is a turn off compared to eg. React.
@marianf25
@marianf25 Жыл бұрын
@@PelFox Well, it depends, blazor server is just so easy to use, since everything is already on the server, you can just inject a repo/service directly in the UI and it makes a perfect tool for starting a prototype superfast. Security is also so much easier to handle, since you expose very little to the frontend (and you also keep all your logic, including frontent, private). It also has faster loading times, but you need to host it as close to the users as possible to be effective (hosting the app in china and accessing it from US will make it feel slow, but it depends on the server load too). I'm a fan of blazor server for these reasons, and it's perfect for my project, but it's not for everyone. Blazor WASM is also great, aside from the initial loading time, I don't see any disadvantages to it. This also depends on your project, I managed to get the initial payload to 1.5Mb, which for a modern app is not that much. If you count the features you have, an alternative of doing those with JS will also require multiple libraries, and I've seen enterprise apps with 3Mb of JS only. I guess it depends on your type of app in the end.
@alexsmart9576
@alexsmart9576 Жыл бұрын
We want a full-blown Blazor tutorial! Hope Jeff responds
@JeffreyTFritz-dk2nr
@JeffreyTFritz-dk2nr Жыл бұрын
Oh yea.. I’ve got a few full-length workshops on my main channel
@thefrabro1
@thefrabro1 Жыл бұрын
I love this kinds of Videos! Thank you!
@Torr-zh7ik
@Torr-zh7ik Жыл бұрын
This Flutter tutorial looks crazy!
@jacobstamm
@jacobstamm Жыл бұрын
Longtime fan of the channel here. So glad to see Blazor get some attention! My only complaints are calling SignalR Signal IR, as well as showing the Blazor project being created in Visual Studio, then showing the rest of the video in VS Code. Perhaps that disparity can by quickly fixed by mentioning that a project can also be created by using the dotnet CLI
@amirhosseinahmadi3706
@amirhosseinahmadi3706 Жыл бұрын
C#/.NET is a hell of a platform and it doesn't get the traction it deserves I think. C# is a truly elegant language and .NET is so versatile that you can build almost anything with it. Backend web apps? Check (ASP.NET Core). Frontend web apps? Check (Blazor). Desktop apps? Check (MAUI). Mobile apps? Check (Xamarin). Game development? Check (Unity). AI/ML? Check (ML.NET).
@JPeetjuh
@JPeetjuh Жыл бұрын
It's SignalR, not Signal IR. Also, with Blazor you don't eliminate the need for JavaScript completely. If you want to call certain APIs like geolocation or web storage, you still need JavaScript for that. There are loads of libraries that have already built this bridge for you though. Also, it might've been a worthy mention that a Hello World Blazor WASM project is currently around 7MB in size. Apart from that, lovely video as always Jeff.
@dskim2459
@dskim2459 Жыл бұрын
the fact that he has never heard of "SignalR" shows he doesn't really know it. Still gets 300k views. Amazing and not really fair for other more expert blazor channels.
@beeptonelettuce
@beeptonelettuce Жыл бұрын
@@dskim2459 tf are you talking about? he did 1 informative 100 second video to bring light to it.. tell your blazor andy's to make better content and maybe they'll get 300k views too.
@usamesavas9848
@usamesavas9848 Жыл бұрын
What are some disadvantages of a 7MB Blazor project? Does it make the user wait to load all of it to the browser before being able to use the website? Or are there some other problems? (curious)
@JPeetjuh
@JPeetjuh Жыл бұрын
@@usamesavas9848 Yup, that's exactly it. It's not necessarily a dealbreaker for all applications, i.e. for intranet applications, it's probably not a problem at all. Also, this problem is also the reason why most SPA-frameworks are now putting so much effort into SSR (server-side rendering).
@JohnStockton7459
@JohnStockton7459 Жыл бұрын
@@beeptonelettuce we don't want more C# devs 😂😂 our salaries and job prospects are nice over here.
@imadabab
@imadabab Жыл бұрын
Great short video. Thanks a lot.
@djcaesar9114
@djcaesar9114 Жыл бұрын
Your videos make me want to learn every language.
@cassandrasibley228
@cassandrasibley228 Жыл бұрын
Damn, I'm definitely adding Blazor to my list of stuff to learn. sounds game changing
@rspy24
@rspy24 Жыл бұрын
It's actually.. There are some great 3rd party extension too! Like MudBlazor that adds so much to it!
@qariuki2587
@qariuki2587 Жыл бұрын
Should probably learn c# first
@cassandrasibley228
@cassandrasibley228 Жыл бұрын
@@qariuki2587 I picked up React without knowing javascript I think I'll be fine
@adds-kz3oc
@adds-kz3oc Жыл бұрын
@@cassandrasibley228 🤡
@cassandrasibley228
@cassandrasibley228 Жыл бұрын
@@adds-kz3oc huh?
@thomaseckert5691
@thomaseckert5691 Жыл бұрын
I think you may have meant "SignalR" instead of "Signal IR". Great video overall!
@remcoros
@remcoros Жыл бұрын
Was about to comment this too xD. Great video nonetheless
@zokalyx
@zokalyx Жыл бұрын
@@sirfakealot5041 didn't you know that http is a protocol based on InfraRed signals?? cmon guys
@miguelcalles4795
@miguelcalles4795 Жыл бұрын
Definitely will take a deeper look !
@archonicmakes
@archonicmakes Жыл бұрын
So proud of Jeff, he didn't say blazingly fast a single time this whole video.
@finsflexin
@finsflexin Жыл бұрын
You’re gonna make him cry in bed over that legendary pun.
@01001000010101000100
@01001000010101000100 Жыл бұрын
Wow, that was one of the hardest episodes. Not that the Blazor is so hard itself, but it's really hard to describe or explain quickly. The difference between client-side and server-side Blazor wouldn't fit in time ;) I agree using C# makes achieving industrial code quality more achievable, however, Blazor still has some quirks and rough edges as every new tech. The beginners will be super excited at first, then they will cry. Blazor is quite easy to learn the basics, but quite tough to REALLY figure out how it works. Anyway - I made a big app using Blazor like 2 years ago. It's heavily used 16 hours a day 6 days a week since then. It just works. No issues at all. It runs on the cheapest Azure VM. Another amazing thing: from time to time client asks me to add a feature. And it's easy, despite I no longer develop web apps most of the time. It's the code. Logically structured, easy to read, easy to maintain.
@SamyarBorder
@SamyarBorder Жыл бұрын
Looks cool to me I will definitely give it a try after I mastered React . I
@SpiritVector
@SpiritVector Жыл бұрын
You can use javascript with signalR server very easily.
@kraxen72
@kraxen72 Жыл бұрын
this is pretty cool, like svelte but with c# and wasm. good job creators of blazor
@otockian
@otockian Жыл бұрын
Blazor is one of those things thats like oh thats cool and all but I can't think of a single thing I would ever use it for...
@adds-kz3oc
@adds-kz3oc Жыл бұрын
Anything that you would use React, Angular and Vue for? It's just another SPA at the end of the day.
@daskampffredchen9242
@daskampffredchen9242 Жыл бұрын
I love Blazor. Super easy to get into I am a serious noob in terms of WebDev and even I could do a small webpage that would put Arduino Data into a Database and Display it in a table
@QvsTheWorld
@QvsTheWorld Жыл бұрын
For people who want to build multiplatform apps using C# but not html, there is the Uno Platform. I've used it for 6 years now for over 30 commercial apps for clients.
@anonymousannoyingmouse
@anonymousannoyingmouse Жыл бұрын
with dotnet core you can do the same, you can test this; and allow me to stain this comment, with a windows and a WSL if you are not a linux veteran like myself, i use vbox and vmware to test the ui on the various apps i develop with dotnet core, a plus to all of that is the vs 2022 community is robust in shortcuts and clickity clackity and mouse use want to change the identity UI? right click on the solution explorer, add an item and scaffold that stuff! not a microsoft affiliate or an ass kisser, but i reverted to using windows after failing to install vs on any linux distros nd the uno was another vscode with more tools from the get go, saves big time when coding.
@ioneocla6577
@ioneocla6577 Жыл бұрын
The thing is, it has top tier support only for visual studio for features such as auto completion. As i use the rider ide, i find it better to use avalonia (with mobile support) as it's officially supported.
@amitkumdixit
@amitkumdixit Жыл бұрын
Please try MAUI
@TheMrExomus
@TheMrExomus Жыл бұрын
You sold the deal for me, that's insane. Typescript to the dustbin. I want the same with Java or Kotlinnnnnnn !
@donl.a.6045
@donl.a.6045 Жыл бұрын
I've been waiting for this. 😀
@CubiqleSystems
@CubiqleSystems Жыл бұрын
Please do a video on MAUI
@starstheengine
@starstheengine Жыл бұрын
Finally! Blazor has been noticed! It feels like svelte in typescript but with access to the Nuget ecosystem.
@sashamugs
@sashamugs Жыл бұрын
a web framework doesn't exist until fireship covers it
@muratmert8313
@muratmert8313 Жыл бұрын
This works Hella good! Recommended
@ikarosouza
@ikarosouza Жыл бұрын
i used to hate this idea, now i love
@ahtisham996
@ahtisham996 Жыл бұрын
I am a blazor developer 🙂 nice videos
@emreaka3965
@emreaka3965 Жыл бұрын
You're great!
@vladimir_dev
@vladimir_dev 8 ай бұрын
On a serious note, how about some videos on similarities/differences between Blazor and modern JS framework (like React) and its concepts (State management, reactive component-rerendering, etc)?
@AlcantaraMC
@AlcantaraMC 3 ай бұрын
this is basically svelte in C#. nice!
@totalchrisgaming
@totalchrisgaming Жыл бұрын
This is the most interesting thing I’ve seen all year. I have a web app I’d like to try to port to Blazor
@user-ts7of5to4e
@user-ts7of5to4e Жыл бұрын
Helpline📲📥⬆️ Questions can come in⬆️
@kanadaj3275
@kanadaj3275 Жыл бұрын
It's not Signal IR, it's SignalR - there is no i after the L
@Wordsalad69420
@Wordsalad69420 Жыл бұрын
I really wish more people would realize the power of Blazor. High adoption rates would absolutely devastate the JavaScript library landscape. Which is excellent!
@Icodestuff
@Icodestuff Жыл бұрын
At first glance this is a kid of neat, I could see it being useful for backend devs especially
@AshtonSnapp
@AshtonSnapp Жыл бұрын
Interesting! (Considering Rust can also compile to wasm, I wonder if you could do something similar…)
@jaiminparmar7996
@jaiminparmar7996 Жыл бұрын
why u gotta bring up Rust in everything man 💀
@NovaAquarius
@NovaAquarius Жыл бұрын
Look into tauri maybe?🤔
@NathanHedglin
@NathanHedglin Жыл бұрын
Yes, but the tooling isn't there yet
@kerodfresenbetgebremedhin1881
@kerodfresenbetgebremedhin1881 Жыл бұрын
yew
@farrellraafi1301
@farrellraafi1301 Жыл бұрын
There is a framework written in rust called yew
@potterloko0175
@potterloko0175 Жыл бұрын
You should do a longer video going over more feature of the blazor framework.
@PrimalCoder
@PrimalCoder Жыл бұрын
This.
@smotbutterman1127
@smotbutterman1127 Жыл бұрын
The original creator shared this video on Twitter, Jeff. Kudos!
@arexon
@arexon Жыл бұрын
"Yew in 100 seconds" would be awesome!
@annie3606
@annie3606 Жыл бұрын
"You can eliminate javascript from your frontend stack" As someone who works with it in the industry(We use SSR I can't speak for the WASM version) I can tell you: Hell no! There are loads of really important browser apis(e.g. clipboard, download, ...) that don't have normal support so you have to use the really ugly js interop for that! So personally (as a fulltime C# developer) I actually prefer some of the js frameworks(svelte, vue, ...) over it for many usecases.
@lindennerdhh
@lindennerdhh Жыл бұрын
same here
@kayaba_atributtion2156
@kayaba_atributtion2156 Жыл бұрын
Svelte forevaaaa
@YandiBanyu
@YandiBanyu Жыл бұрын
@@dewanata_armoon You'd be surprised then. Browser can access bluetooth, HID, heck even serial port. So, yep. I'd say modern browser is an OS.
@finsflexin
@finsflexin Жыл бұрын
That’s is very interesting to know. Web is so wacky in weird ways, reminds me of the unused parameter in History.pushState().
@annie3606
@annie3606 Жыл бұрын
@@dewanata_armoon yep and blazor while its convenient for some stuff just complicates stuff even more if u need those features xD
@WineZ22
@WineZ22 Жыл бұрын
Does it mean a strongly typed FrontEnd that is compiled 😮😮 Amazing. I might try this out.
@RockingGameVideos
@RockingGameVideos Жыл бұрын
Yes.
@jungervin8765
@jungervin8765 Жыл бұрын
Use typescript. That's your strongly typed frontend. Your welcome.
@haha-hk9tx
@haha-hk9tx Жыл бұрын
It's interpreted from a wasm runtime... u can compile but it comes with tradeoffs, updates every year tho so can only get better 🤷‍♂️
@hakuryyuu
@hakuryyuu Жыл бұрын
Blazor is great, been working with it for some time now.
@jamesvelopmenthagood8998
@jamesvelopmenthagood8998 Жыл бұрын
Blazor seems like it should be a decent product. I have never used it but the concept seems solid.
@lemurza5236
@lemurza5236 Жыл бұрын
Finally a decent UI framework
@emreaka3965
@emreaka3965 Жыл бұрын
SurrealDB in 100 Seconds
2:47
Fireship
Рет қаралды 393 М.
I built 10 web apps... with 10 different languages
14:23
Fireship
Рет қаралды 1,5 МЛН
it takes two to tango 💃🏻🕺🏻
00:18
Zach King
Рет қаралды 26 МЛН
FOOTBALL WITH PLAY BUTTONS ▶️ #roadto100m
00:29
Celine Dept
Рет қаралды 71 МЛН
Dynamic #gadgets for math genius! #maths
00:29
FLIP FLOP Hacks
Рет қаралды 16 МЛН
C# in 100 Seconds
2:27
Fireship
Рет қаралды 1,9 МЛН
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,4 МЛН
I finally own the Dyson Zones.
13:55
DankPods
Рет қаралды 372 М.
100+ Docker Concepts you Need to Know
8:28
Fireship
Рет қаралды 763 М.
Lua in 100 Seconds
2:24
Fireship
Рет қаралды 2 МЛН
TensorFlow in 100 Seconds
2:39
Fireship
Рет қаралды 876 М.
100+ Computer Science Concepts Explained
13:08
Fireship
Рет қаралды 2,3 МЛН
Приехала Большая Коробка от Anker! А Внутри...
20:09
РасПаковка ДваПаковка
Рет қаралды 84 М.
How much charging is in your phone right now? 📱➡️ 🔋VS 🪫
0:11
Kalem ile Apple Pen Nasıl Yapılır?😱
0:20
Safak Novruz
Рет қаралды 534 М.
Трагичная История Девушки 😱🔥
0:58
Смотри Под Чаёк
Рет қаралды 361 М.