Blazor in 100 Seconds

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ต.ค. 2024
  • 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.microso...
    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.1K

  • @notreallyhaarsh
    @notreallyhaarsh 2 ปีที่แล้ว +792

    i liked how he used visual studio to initiate the project and then code in VS code

    • @CallumPooleProgrammer
      @CallumPooleProgrammer 2 ปีที่แล้ว +19

      Well Spotted!

    • @goldensunrayspone
      @goldensunrayspone 2 ปีที่แล้ว +87

      somebody forgot that dotnet new blazor is an actual command

    • @JBuchmann
      @JBuchmann 2 ปีที่แล้ว +60

      I don't blame him. Visual Studio (IMO) is so bloated and complex.

    • @ichijofestival2576
      @ichijofestival2576 ปีที่แล้ว +39

      @@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 ปีที่แล้ว +64

      @@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.

  • @willinton06
    @willinton06 2 ปีที่แล้ว +2738

    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 2 ปีที่แล้ว +40

      How is it? What are the most pros and cons of it? If you don't mind

    • @farrellraafi1301
      @farrellraafi1301 2 ปีที่แล้ว +27

      @@kaksarkar pascal case I think

    • @muhammadmejanulhaque3305
      @muhammadmejanulhaque3305 2 ปีที่แล้ว +25

      @@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 2 ปีที่แล้ว +23

      @@willinton06 thanks for the effort much appreciated 👍

    • @Solomonwo
      @Solomonwo 2 ปีที่แล้ว

      Nqb

  • @nickchapsas
    @nickchapsas 2 ปีที่แล้ว +499

    Well that's a video I never expected this channel to make but here we are

    • @haha-hk9tx
      @haha-hk9tx 2 ปีที่แล้ว +25

      Hahaha... finally some love for us

    • @zakraw
      @zakraw 2 ปีที่แล้ว +14

      I expected this more from this channel rather than from you :P

    • @eduAIJourney
      @eduAIJourney 2 ปีที่แล้ว +1

      Yeahh interesting 😄😄

    • @Pascauuu
      @Pascauuu 2 ปีที่แล้ว +9

      well well, if it isn't the one and only chap nicksas

    • @Rabban
      @Rabban 2 ปีที่แล้ว +4

      This is a really arrogant statement from someone that is shouting his c# learning process in the world through youtube.

  • @machineman8920
    @machineman8920 2 ปีที่แล้ว +20

    most efficient method of using javascript: don't use javascript

  • @carlosjosejimenezbermudez9255
    @carlosjosejimenezbermudez9255 2 ปีที่แล้ว +445

    It's SignalR, not Signal IR. Other than that, great video.

    • @ikgeek
      @ikgeek 2 ปีที่แล้ว +21

      Same mistakes done by an iPhone user reviewing Android

    • @jacobstamm
      @jacobstamm 2 ปีที่แล้ว +38

      I'm pretty sure it's Ligma IRL

    • @DoorThief
      @DoorThief 2 ปีที่แล้ว +7

      @@jacobstamm what's ligma??

    • @jacobstamm
      @jacobstamm 2 ปีที่แล้ว +83

      @@DoorThief ligma bawlz lmao gottem

    • @Atabascael
      @Atabascael 2 ปีที่แล้ว +13

      Haha, I was already looking up if there's somehow a new version of SignalR called Signal IR

  • @StellaEFZ
    @StellaEFZ 2 ปีที่แล้ว +1140

    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 2 ปีที่แล้ว +98

      Ew..

    • @krazymeanie
      @krazymeanie 2 ปีที่แล้ว +1

      @@oussama40612 Ew you..

    • @Flash136
      @Flash136 2 ปีที่แล้ว +55

      @@oussama40612 lmao

    • @rafapioli75
      @rafapioli75 2 ปีที่แล้ว +1

      Me too!

    • @arabculture9201
      @arabculture9201 2 ปีที่แล้ว +4

      Can you explain why please?

  • @balmesz001
    @balmesz001 ปีที่แล้ว +70

    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 7 หลายเดือนก่อน +4

      How you done that in one hour 😢

    • @RiversJ
      @RiversJ 5 หลายเดือนก่อน

      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

    • @Dismanameboi
      @Dismanameboi หลายเดือนก่อน

      @@kcnl2522copy paste

  • @CHURCHISAWESUM
    @CHURCHISAWESUM 8 หลายเดือนก่อน +4

    Wtf is this voodoo magic. No JavaScript? I can use a pleasant language to make good websites?

  • @ioneocla6577
    @ioneocla6577 2 ปีที่แล้ว +623

    YES ! FINALLY ! Modern C# frameworks deserve way more love then it actually gets

    • @simonfj20
      @simonfj20 2 ปีที่แล้ว +39

      no

    • @Stuntman5701
      @Stuntman5701 2 ปีที่แล้ว +130

      @@simonfj20 yes. they do 100%

    • @amirhosseinahmadi3706
      @amirhosseinahmadi3706 2 ปีที่แล้ว +3

      @@simonfj20 You should keep your mouth shut and stop seeking attention when you have no idea what you're talking about.

    • @sazaraki
      @sazaraki 2 ปีที่แล้ว +4

      Nah.

    • @tkemaladze
      @tkemaladze 2 ปีที่แล้ว +4

      not much... its old stuff in new package.

  • @HolyRamanRajya
    @HolyRamanRajya 2 ปีที่แล้ว +62

    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 ปีที่แล้ว +9

      Well it's either that or adopt TypeScript. Trust me, it's been a life saver!

  • @TheCoderCareer
    @TheCoderCareer 2 ปีที่แล้ว +211

    The rise of WebAssembly could make for an interesting next few years in frontend development!

    • @omarjimenezromero3463
      @omarjimenezromero3463 2 ปีที่แล้ว +4

      mostly quit some technologies to do more things instead add more things to do things we can do with the actual wheel.

    • @niels3794
      @niels3794 2 ปีที่แล้ว

      @@omarjimenezromero3463 What the fuck are you trying to say?

    • @_modiX
      @_modiX 2 ปีที่แล้ว +2

      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 2 ปีที่แล้ว +27

      WASM is just Java Applets all over again

    • @_lod
      @_lod 2 ปีที่แล้ว

      @@_modiX that's why we need 'glue'

  • @nosknut
    @nosknut 2 ปีที่แล้ว +116

    And so it begins: "Anything that can be written in C#, will be written in C#"

    • @marna_li
      @marna_li 2 ปีที่แล้ว +24

      Yup. For any platform. Write once, run everywhere.

    • @marna_li
      @marna_li 2 ปีที่แล้ว +16

      And opt-into the native platforms if you want to.

    • @worgenzwithm14z
      @worgenzwithm14z 2 ปีที่แล้ว +6

      🤮

    • @user-lj4lo7cx7m
      @user-lj4lo7cx7m 2 ปีที่แล้ว +13

      Hope it doesn't get like java: "Write once, debug everywhere" haha

    • @Qrzychu92
      @Qrzychu92 2 ปีที่แล้ว +20

      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

  • @Qrzychu92
    @Qrzychu92 2 ปีที่แล้ว +556

    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 2 ปีที่แล้ว +3

      Cascading Parameters still require to send value and setter in separate cascades?

    • @RoierHD
      @RoierHD 2 ปีที่แล้ว

      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 2 ปีที่แล้ว +19

      Cascading Parameters sounds like Prop Drilling no? If yes then it doesn't scale well.

    • @marna_li
      @marna_li 2 ปีที่แล้ว +25

      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 2 ปีที่แล้ว +1

      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.

  • @ErminekCZ
    @ErminekCZ 2 ปีที่แล้ว +245

    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 2 ปีที่แล้ว

      I wish fireship could make a detailed rust wasm tutorial.

    • @samyosm
      @samyosm 2 ปีที่แล้ว +9

      @@pinniporker Why would you comment this under another comment instead of the video? 🤣🤣 How old are you?

    • @metalspoon69
      @metalspoon69 2 ปีที่แล้ว +3

      Yep, used signalR to update multiple frontend clients when something changed in the backend, works really well.

    • @BarriDuty
      @BarriDuty 2 ปีที่แล้ว +1

      @@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 2 ปีที่แล้ว +1

      @@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.

  • @KhauTek
    @KhauTek 2 ปีที่แล้ว +39

    You should make a 100 seconds for mudblazor best library for blazor. makes everything super easy.

    • @azgan123
      @azgan123 2 ปีที่แล้ว +7

      Yes MudBlazor is fucking amazing

    • @pixel7038
      @pixel7038 2 ปีที่แล้ว

      Too generic imo

    • @robbware_
      @robbware_ 2 ปีที่แล้ว +7

      @@pixel7038 So is bootstrap yet here we are..

    • @sky78710
      @sky78710 2 ปีที่แล้ว

      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..

  • @-marin4332
    @-marin4332 2 ปีที่แล้ว +48

    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 2 ปีที่แล้ว +1

      Link to your github please

  • @aadhiarun4977
    @aadhiarun4977 2 ปีที่แล้ว +8

    This is a blazing fast comment

  • @kanadaj3275
    @kanadaj3275 2 ปีที่แล้ว +10

    It's not Signal IR, it's SignalR - there is no i after the L

  • @filiecs3
    @filiecs3 2 ปีที่แล้ว +20

    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 2 ปีที่แล้ว +5

      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 2 ปีที่แล้ว +2

      @@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.

    • @polaedward4579
      @polaedward4579 3 หลายเดือนก่อน

      Be careful of sharing the code, especially the parts that contain secrets, since it can be decompiled easily

    • @filiecs3
      @filiecs3 3 หลายเดือนก่อน

      @@polaedward4579 of course. That's true for any application that's delivered client side.
      The proper way to architect it is so that the client side code calls a server side API, and the server has the secrets. The benefit of sharing code between the front end and back end is that these APIs now use the same models defined in the same place.

  • @nessitro
    @nessitro 2 ปีที่แล้ว +11

    Feels really good to see Blazor and MAUI getting some fireship warmth 😍😘

  • @hraezvelg
    @hraezvelg ปีที่แล้ว +64

    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 ปีที่แล้ว +24

      @@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 ปีที่แล้ว +2

      ​@@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!

  • @AshtonSnapp
    @AshtonSnapp 2 ปีที่แล้ว +18

    Interesting!
    (Considering Rust can also compile to wasm, I wonder if you could do something similar…)

  • @grantwilliams630
    @grantwilliams630 2 ปีที่แล้ว +45

    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.

  • @CubiqleSystems
    @CubiqleSystems 2 ปีที่แล้ว +5

    Please do a video on MAUI

  • @thomaseckert5691
    @thomaseckert5691 2 ปีที่แล้ว +27

    I think you may have meant "SignalR" instead of "Signal IR". Great video overall!

    • @remcoros
      @remcoros 2 ปีที่แล้ว +2

      Was about to comment this too xD. Great video nonetheless

    • @zokalyx
      @zokalyx 2 ปีที่แล้ว

      @@sirfakealot5041 didn't you know that http is a protocol based on InfraRed signals?? cmon guys

  • @sqnelie
    @sqnelie 2 ปีที่แล้ว +26

    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

  • @thanatosor
    @thanatosor 2 ปีที่แล้ว +2

    C# things always have great intellisense stuff

  • @LymarV
    @LymarV 2 ปีที่แล้ว +10

    I was waiting for this 100 sec episode for a long time!
    I am happy it finally happened!

  • @developedbyed
    @developedbyed 2 ปีที่แล้ว +2

    not first 😡

  • @TheGothGaming
    @TheGothGaming 2 ปีที่แล้ว +87

    I just love the .Net stack in general. microsoft is doing a great job.

    • @oShinobu
      @oShinobu 2 ปีที่แล้ว +6

      Agreed. I really dislike Microsoft's products in general, but their programming languages, development tools, etc. are all superb.

    • @S3Kglitches
      @S3Kglitches 2 ปีที่แล้ว

      @@oShinobu except .NET MAUI, that thing has 5 developers and they absolutely cannot develop it on time

  • @annie3606
    @annie3606 2 ปีที่แล้ว +20

    "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 2 ปีที่แล้ว +2

      same here

    • @kayaba_atributtion2156
      @kayaba_atributtion2156 2 ปีที่แล้ว +4

      Svelte forevaaaa

    • @YandiBanyu
      @YandiBanyu 2 ปีที่แล้ว +6

      @@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 2 ปีที่แล้ว

      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 2 ปีที่แล้ว

      @@dewanata_armoon yep and blazor while its convenient for some stuff just complicates stuff even more if u need those features xD

  • @havisvh
    @havisvh 2 ปีที่แล้ว +8

    I have been waiting for this.

  • @JPeetjuh
    @JPeetjuh 2 ปีที่แล้ว +15

    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 ปีที่แล้ว +2

      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 ปีที่แล้ว +22

      @@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.

    • @alpsavasdev
      @alpsavasdev ปีที่แล้ว +1

      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 ปีที่แล้ว +1

      @@alpsavasdev 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.

  • @nek0d3r
    @nek0d3r 2 ปีที่แล้ว +10

    Been waiting so long for some attention on this! I've been loving Blazor since before GA

  • @cameronadams777
    @cameronadams777 2 ปีที่แล้ว +6

    As a dev that doubles as a car nerd… I greatly appreciated the LSA engine animation at 1:39 lol

  • @Bleshin
    @Bleshin 2 ปีที่แล้ว +20

    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 2 ปีที่แล้ว +10

      Well it's made by .net devs for .net devs 🧐

    • @som5698743
      @som5698743 2 ปีที่แล้ว +4

      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

  • @WarlordMSM
    @WarlordMSM 6 หลายเดือนก่อน +2

    we are not united for our love for C#, but the hatred for JS

    • @chudchadanstud
      @chudchadanstud หลายเดือนก่อน

      If you hate JS you will hate C# more. The ceremonies just to build an app is insane. Not to mention having to dip into your pockets just to get real work done thanks to Visual Studio.

  • @FilledStacks
    @FilledStacks 2 ปีที่แล้ว +8

    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 2 ปีที่แล้ว

      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 ปีที่แล้ว +3

      @@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. th-cam.com/video/uW-Kk7Qpv5U/w-d-xo.html

  • @bity-bite
    @bity-bite 2 ปีที่แล้ว +11

    @ 1:42, this is actually a field not a property.

  • @pixel7038
    @pixel7038 2 ปีที่แล้ว +5

    I can’t wait to download .dll files and .net runtime

  • @FloatingComet62
    @FloatingComet62 2 ปีที่แล้ว +6

    I love how he uses the visual studio template, but still uses visual studio code for the rest of the video

  • @markoliberty7581
    @markoliberty7581 6 หลายเดือนก่อน +2

    Why mingle logic together with ui ? Looks not right to me.

  • @viniciusleitepereira5571
    @viniciusleitepereira5571 2 ปีที่แล้ว +5

    I really don't understand why javascript frameworks get all the love... blazor is fantastic!

    • @PanosPitsi
      @PanosPitsi ปีที่แล้ว +2

      Maybe people just don’t 5 nested classes for a stupid website ui if a flower shop 💀

    • @jsm33t
      @jsm33t 8 หลายเดือนก่อน

      @@PanosPitsi you can inherit petals and stems to other flowers hashqhs

    • @jsm33t
      @jsm33t 8 หลายเดือนก่อน

      because its more for business oriented solutions not as good as js frameworks like next for seo and front facing content websites. other frameworks are cheaper to host etc etc. the audience is different.

  • @WineZ22
    @WineZ22 2 ปีที่แล้ว +7

    Does it mean a strongly typed FrontEnd that is compiled 😮😮
    Amazing. I might try this out.

    • @RockingGameVideos
      @RockingGameVideos 2 ปีที่แล้ว +1

      Yes.

    • @jungervin8765
      @jungervin8765 2 ปีที่แล้ว

      Use typescript. That's your strongly typed frontend. Your welcome.

    • @haha-hk9tx
      @haha-hk9tx 2 ปีที่แล้ว

      It's interpreted from a wasm runtime... u can compile but it comes with tradeoffs, updates every year tho so can only get better 🤷‍♂️

  • @x7themm
    @x7themm 2 ปีที่แล้ว +29

    As someone who hates web dev. (Yet is forced to) I see this as an absolute win.

  • @callmeEmvy
    @callmeEmvy 2 ปีที่แล้ว +1

    Imagine working somewhere like Microsoft and the rest where your colleagues are creating their own frameworks.
    Like that guy over there? Yeah he created this framework . wtf

  • @mihallex
    @mihallex 2 ปีที่แล้ว +4

    SignalR not Signal Ir 🙂 0:42

  • @Twardostaj
    @Twardostaj 7 หลายเดือนก่อน +1

    Oh, another frontend framework for backend developers, lol.

  • @0Smile0
    @0Smile0 2 ปีที่แล้ว +19

    you lost me at "remove javascript from your stack". why would you want to remove javascript from your stack? we all know javascript is the best language. no language is better, faster and more developer friendly than javascript. all hail javascript, master of programming languages!
    it's almost better than html!

    • @trumpmcdonaldz1510
      @trumpmcdonaldz1510 2 ปีที่แล้ว +2

      HTML isn't a programming language

    •  2 ปีที่แล้ว

      @@trumpmcdonaldz1510 I think is a joke

    • @trumpmcdonaldz1510
      @trumpmcdonaldz1510 2 ปีที่แล้ว +1

      @ I sure hope so

    • @mihailmojsoski4202
      @mihailmojsoski4202 2 ปีที่แล้ว

      Not better than CSS

  • @encryptor6710
    @encryptor6710 หลายเดือนก่อน +1

    Blazor: The most frustrating framework Ive ever developed with. Visual Studio doesnt seem to like it much. Constant errors when there are no errors, new components not being recognized. State Management sometimes doesnt work right. Its a mess in my opinion. Im building a complex app and so far its been a nightmare to say the least. Fix your stuff MS!

  • @illegalsmirf
    @illegalsmirf 2 ปีที่แล้ว +4

    We should all support Microsoft's attempts to make Javascript redundant. VBScript was always superior to Javascript anyway. Microsoft for the win!

    • @rice8864
      @rice8864 2 ปีที่แล้ว +3

      no.

  • @cse9003
    @cse9003 2 ปีที่แล้ว +1

    what vscode theme are you using I need it like RN !

  • @ahtisham996
    @ahtisham996 2 ปีที่แล้ว +11

    I am a blazor developer 🙂 nice videos

  • @arexon
    @arexon 2 ปีที่แล้ว +2

    "Yew in 100 seconds" would be awesome!

  • @patrick71994
    @patrick71994 2 ปีที่แล้ว +6

    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 ปีที่แล้ว

      Yeah, things aren't fully atomatically imported like how it is implied in the video, still very cool feature

  • @davestorm6718
    @davestorm6718 ปีที่แล้ว +2

    SignalR, not Signal IR

  • @deidara_8598
    @deidara_8598 2 ปีที่แล้ว +29

    I love how we've come full circle. JavaScript started as a lightweight replacement for Java, but its lack of features and bloated structure lead to the emergence of frameworks to streamline and simplify the frontend development process. With this, you can write the frontend in C#, which is essentially just Microsoft's version of Java. Web development is a joke.

    • @davidfowl
      @davidfowl 2 ปีที่แล้ว

      WASM just opens up the door to things other than JS running in the browser, that's a really great place to be as a developer because it opens up options and adds more variety to the ecosystem. Now you can choose from both JS frameworks and .NET frameworks in the front end 😅.

  • @AROAH
    @AROAH 2 ปีที่แล้ว +2

    Yes, kill JavaScript.

  • @vladimir_dev
    @vladimir_dev ปีที่แล้ว +3

    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)?

  • @ivandrofly
    @ivandrofly ปีที่แล้ว +2

    Signal what 😂😂?

  • @amirhosseinahmadi3706
    @amirhosseinahmadi3706 2 ปีที่แล้ว +2

    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).

  • @fbiagentmiyakohoshino8223
    @fbiagentmiyakohoshino8223 2 ปีที่แล้ว +4

    as someone whos trying to make some meteorological programs in c#, this sounds really good to hear

  • @larryd9577
    @larryd9577 2 ปีที่แล้ว +1

    You missed out on "Writing Blazorly fast application" on this one.

  • @macanolli
    @macanolli 2 ปีที่แล้ว +5

    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 4 หลายเดือนก่อน +1

      How about a year later? Are you still using Blazor over JS?

    • @macanolli
      @macanolli 4 หลายเดือนก่อน

      @@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

  • @P4INKiller
    @P4INKiller 2 ปีที่แล้ว +1

    No Javascript?
    How am I supposed to torture myself every day?

  • @stanleybacklund5614
    @stanleybacklund5614 2 ปีที่แล้ว +33

    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 2 ปีที่แล้ว +3

      So you don’t recommend to continue my Journey to learn JS? Can you please elaborate more!

    • @haha-hk9tx
      @haha-hk9tx 2 ปีที่แล้ว +4

      @@arabculture9201 Well if ur job needs JS then u shd continue learning it, but blazor is just far more convenient

    • @el_teodoro
      @el_teodoro 2 ปีที่แล้ว +2

      @@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 2 ปีที่แล้ว +4

      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 2 ปีที่แล้ว +2

      @@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.

  • @kulkarni005
    @kulkarni005 5 หลายเดือนก่อน +1

    Blazor needs to be independent of the boomer, cumbersome and bloated Visual Studio.
    Pure hopeless, does not even want to try watching it installing 15GB visual studio to run it.

    • @kulkarni005
      @kulkarni005 5 หลายเดือนก่อน

      5GB Compressed , 15GB after expanded.

  • @balramsingh4759
    @balramsingh4759 2 ปีที่แล้ว +4

    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 2 ปีที่แล้ว

      is it faster than React? more efficient?

    • @sky78710
      @sky78710 2 ปีที่แล้ว

      @@joeg4609 No .. finally depending upon programming behaviour ...

  • @mubashir3
    @mubashir3 11 หลายเดือนก่อน +2

    I tried Blazor. For months. In the end, the initial load time hit was too great to overlook when running the code on the client side. Then I thought, OK, we'll run it on the server side, but that too has far too many compromises. e.g. Request for simple things like a activating a dropdown go to the server. If the client doesn't have a fast connection to the server, they are hosed. Also Signal-R connections are resource expensive. You cannot have too many of them. On and on.
    There is a reason this stuff is not really catching on.

    • @haha-hk9tx
      @haha-hk9tx 10 หลายเดือนก่อน +1

      .net 8 released. This issue no longer exists. Now blazor is a freaking giant, see the dotnet conference presentation on blazor - Nov 14

    • @xeoneraldo1254
      @xeoneraldo1254 6 หลายเดือนก่อน

      "the initial load time hit was too great" are you living in the 90s? try building apps with full fledged js frameworks, the file sizes are comparable.

  • @deado7282
    @deado7282 2 ปีที่แล้ว +10

    Imagine being a web-dev and not using js. Blazor as FE-Framework, ASP in Backend using EF with linq so u dont have to write SQL. Definitely not the best solution for many things, but its great that u can.

    • @judody5
      @judody5 2 ปีที่แล้ว +3

      We have several web-applications that use the stack you describe, and works like a charm! I wonder what do you mean by "[...]for many things", like what?

    • @deado7282
      @deado7282 2 ปีที่แล้ว +2

      @@judody5 This is great to hear! Im a .NET Dev and i just don't get along with js the way i do with C#. I started with blazor in the FE after working with ASP-SSR frameworks (MVC, RazorPages). Im learning JS and Angular as well now because many jobs demand JS and i believe im just more valuable and flexible if im going for Full-Stack Jobs this way. It's not like i've ever had a case where blazor is limiting me in doing what i want, but im quite new in the FE.
      "like what?" I was thinking about certain usecases where the JS world seems to have a answer for everything. Like if u want to make a WebApp as search-engine friendly as SSR. Also the approach of compiling the runtime and delivering that to the browser seems like a very tedious solution, compared to delivering a language the browser can actually understand. Many people are very cautious, especially those who still have a silverlight trauma. And that's understandable imo.
      I hope blazor has a bright future, because that Tech-Stack is just made for me. Im most productive with .NET tech.

  • @efetisov
    @efetisov 2 หลายเดือนก่อน +1

    Cons of blazor:
    Big wasm payload
    Slower speed vs js
    Pros are obvious for dotNet developers.

  • @lemurza5236
    @lemurza5236 2 ปีที่แล้ว +14

    Finally a decent UI framework

  • @leoingson
    @leoingson 2 ปีที่แล้ว +2

    I'd like to see a .NET MAUI video next. It seems to have similar goals as flutter (which made me find your channel, back when).

  • @rebelmachine88
    @rebelmachine88 2 ปีที่แล้ว +3

    Wow this looks really slick, I think it's time to check out Blazor 😳

  • @MikeBifulco
    @MikeBifulco 2 ปีที่แล้ว +1

    Signal R... it looks a lot like IR when it's all smashed together -> SignalR

  • @cassandrasibley228
    @cassandrasibley228 2 ปีที่แล้ว +14

    Damn, I'm definitely adding Blazor to my list of stuff to learn. sounds game changing

    • @rspy24
      @rspy24 2 ปีที่แล้ว +3

      It's actually.. There are some great 3rd party extension too! Like MudBlazor that adds so much to it!

    • @qariuki2587
      @qariuki2587 2 ปีที่แล้ว

      Should probably learn c# first

    • @cassandrasibley228
      @cassandrasibley228 2 ปีที่แล้ว +1

      @@qariuki2587 I picked up React without knowing javascript I think I'll be fine

    • @adds-kz3oc
      @adds-kz3oc 2 ปีที่แล้ว

      @@cassandrasibley228 🤡

    • @cassandrasibley228
      @cassandrasibley228 2 ปีที่แล้ว

      @@adds-kz3oc huh?

  • @vycos-zen
    @vycos-zen 6 หลายเดือนก่อน +1

    Microsoft is so eager to have a slice of the pie in the web word. i have escaped the .NET hell to go to web technologies and escape the corporate code jail cell. i hope i never have to see this monstrosity ever...

    • @vycos-zen
      @vycos-zen 5 หลายเดือนก่อน

      @mthnyt at the end of the day, find the best tool for the job. as long as it serves you well

  • @3mro_coding
    @3mro_coding 2 ปีที่แล้ว +3

    JSF was first to implement such features but unfortunately it was coupled with Java which requires ton of configuration files to run simple tasks.

    • @julius4858
      @julius4858 2 ปีที่แล้ว

      Another downside is that you have to write Java code

  • @AlcantaraMC
    @AlcantaraMC 7 หลายเดือนก่อน +2

    this is basically svelte in C#. nice!

  • @PankajNikam
    @PankajNikam 2 ปีที่แล้ว +3

    60 views and 101 likes ♥️ This is our faith in your videos that it will be worth our time. Its SignalR or Signal IR?

    • @Cornelis1983
      @Cornelis1983 2 ปีที่แล้ว +1

      I was wondering the same about SignalR or IR. I also thought I might missed something but gladly I figured out I didn't when I searched for Signal IR. So it is still SignalR and a mistake in the video.

    • @PankajNikam
      @PankajNikam 2 ปีที่แล้ว

      @@Cornelis1983 Yes, being a C# developer I was thinking when did Microsoft develop this 😉

  • @YuraSuper2048
    @YuraSuper2048 2 ปีที่แล้ว +2

    This is fucking awesome

  • @farhansangaji5029
    @farhansangaji5029 2 ปีที่แล้ว +17

    God be like : "oh god at least there is non-js framework in this world. I thought that i have to burn this place."

  • @hekatonapi3697
    @hekatonapi3697 2 ปีที่แล้ว +1

    I have the luck of actually using Blazor at my next project at work, I am delighted! NO JAVASCRIPT!

  • @SamyarBorder
    @SamyarBorder 2 ปีที่แล้ว +3

    Looks cool to me I will definitely give it a try after I mastered React . I

    • @SpiritVector
      @SpiritVector 2 ปีที่แล้ว

      You can use javascript with signalR server very easily.

  • @justadude8716
    @justadude8716 ปีที่แล้ว +2

    I'm a back end developer, so when I need to create a small internal web app I use Blazor because I don't have to worry about learning new frameworks.

  • @mrbaeman39lolman60
    @mrbaeman39lolman60 2 ปีที่แล้ว +3

    But is Blazor blazingly fast? 🚀 🚀 🚀

    • @StellaEFZ
      @StellaEFZ 2 ปีที่แล้ว

      yes

    • @kanadaj3275
      @kanadaj3275 2 ปีที่แล้ว +6

      It depends. The WASM version is neither particularly fast as a UI nor is it lightweight, but it can do heavy processing way faster than JS. Blazor Server runs the code on the server, which makes it great for things like enterprise uses, where you have a low number of users using a remote application.
      Then there is MAUI Blazor, which is brilliant - it basically uses Blazor Server locally to have a .NET backend for an application with an HTML front-end.

    • @S3Kglitches
      @S3Kglitches 2 ปีที่แล้ว

      @@kanadaj3275 except the MAUI team hasn't even implemented IDisposable yet for Blazor components in MAUI which makes it pretty unusable

    • @circuit10
      @circuit10 2 ปีที่แล้ว

      As far as I know not really, it runs everything in an interpreter by default and the download sizes for the WASM files are huge compared to basic JS since they include the .NET runtime

  • @zym9785
    @zym9785 2 ปีที่แล้ว +1

    Can't wait for statically typed languages to take over front end development.

  • @alexsmart9576
    @alexsmart9576 2 ปีที่แล้ว +8

    We want a full-blown Blazor tutorial! Hope Jeff responds

    • @JeffreyTFritz-dk2nr
      @JeffreyTFritz-dk2nr 2 ปีที่แล้ว +1

      Oh yea.. I’ve got a few full-length workshops on my main channel

  • @zhotpotrecipe
    @zhotpotrecipe 2 ปีที่แล้ว +3

    Bootstrap in 100s
    .NET MAUI in 100s

  • @linleyu658
    @linleyu658 6 หลายเดือนก่อน +1

    eliminate JS was a JOKE look at those interop bro look at those call backs dude...

  • @federicodibernardo2719
    @federicodibernardo2719 2 ปีที่แล้ว +23

    Blazor is super! I use it from the beginning, having a single 'tech stack' for frontend and backend development speeds up a lot

  • @pierrendokondoko9581
    @pierrendokondoko9581 2 ปีที่แล้ว +1

    Perfect ! I like und subscribe.

  • @NAEL4SLR
    @NAEL4SLR 2 ปีที่แล้ว +9

    I'm absolutely in love with Blazor. We should have had this magic a lot sooner.

  • @jakestrouse12
    @jakestrouse12 2 ปีที่แล้ว +1

    I can’t wait until there is something like this for Python

    • @trfhgxmohh9037
      @trfhgxmohh9037 2 ปีที่แล้ว

      There is! it's actually still in the alpha stage but it's called pyscript

  • @repotranstech9614
    @repotranstech9614 2 ปีที่แล้ว +3

    Do one for htmx.Such a cool library.

    • @ShawnThuris
      @ShawnThuris 2 ปีที่แล้ว +1

      I forgot about HTMX! Heard the creator talk about it on a podcast last year, then promptly forgot about it.

  • @HowDoYouUseSpaceBar
    @HowDoYouUseSpaceBar 2 ปีที่แล้ว +2

    Lemme just load >1MB of dependencies on each load instead of learning JS/TS 💀

  • @potterloko0175
    @potterloko0175 2 ปีที่แล้ว +9

    You should do a longer video going over more feature of the blazor framework.

  • @otockian
    @otockian 2 ปีที่แล้ว +2

    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 2 ปีที่แล้ว +1

      Anything that you would use React, Angular and Vue for? It's just another SPA at the end of the day.

  • @starstheengine
    @starstheengine 2 ปีที่แล้ว +8

    Finally! Blazor has been noticed! It feels like svelte in typescript but with access to the Nuget ecosystem.

    • @sashamugs
      @sashamugs 2 ปีที่แล้ว

      a web framework doesn't exist until fireship covers it

  • @gonzalolog
    @gonzalolog 2 ปีที่แล้ว +1

    Ah another javasc...Wait a fucking second