Blazor Web Apps - Goodbye JavaScript! I'm in love with C#

Поделиться
HTML-код
  • Опубликовано: 6 ноя 2024

Комментарии • 412

  • @miichaelsmedley
    @miichaelsmedley 4 года назад +25

    William is a great presenter. As Blazor continues to evolve, videos like this will help its popularity and fast track being a serious contender for Javascript frameworks

  • @SuperToughnut
    @SuperToughnut 4 года назад +20

    My first computer was an IBM PC Jr. I wrote little graphical programs. I was just a kid, but it changed my life. Good times.

    • @bobweiram6321
      @bobweiram6321 3 года назад

      The PCjr had awesome learning materials.

  • @mattgoldman7094
    @mattgoldman7094 4 года назад +30

    It would be hard for me to overstate how excited I am for Blazor (or more specifically for a viable alternative to JavaScript based front-end development). Thanks William, great introduction!

    • @Alexandres668
      @Alexandres668 4 года назад

      Have you tried elm ?

    • @mattgoldman7094
      @mattgoldman7094 4 года назад

      @@Alexandres668 I've read up on it little but haven't tried it. As a C# developer I'm much more interested in Blazor, but if it wasn't around I would absolutely be playing with Elm :)

  • @dandoescode
    @dandoescode 2 года назад +2

    Great presentation William! Even though this is almost 2 years old, there is still loads of great information presented. Only thing I would add is that now for cloud deployments Azure Static Web Apps are a really great fit for Blazor apps. This gives static content served over CDN with the option of also using Function Apps if needed.

    • @william_dotnet
      @william_dotnet 2 года назад +1

      Thanks Daniel. Glad you enjoyed the presentation.
      I agree, Azure Static WebApps works great for serving a Blazor Wasm app.
      SWA + BlazorWasm + AzureFunctions + CosmosDb = my favorites :)

  • @MaxSupercars
    @MaxSupercars Год назад +1

    Perfect video! Great summary about Blazor and also about "not often mentioned information". This the Ultimate Blazor Starter Guide for everyone... 🙂 Thank you! 🙂

  • @ulyssesmaclaren
    @ulyssesmaclaren 4 года назад +64

    So no more Angular, React and Vue? What are we gonna do with our lives now!? :)

    • @nunograca2779
      @nunograca2779 4 года назад +49

      Save some hair and headaches

    • @barryblack8332
      @barryblack8332 4 года назад +13

      Blazor is not ideal for all types of web application.
      That's not me, it's in the docs.

    • @SilvestreVivo
      @SilvestreVivo 4 года назад +4

      We go to use Svelte

    • @cherryt6853
      @cherryt6853 4 года назад +6

      @barry black, people was thought few years back Microsoft Asp not best but see now ASP Core. Best in all platforms also Xamarin compatible to Android, Iphone. Same way Blazor too. Wait and see blazor performance no more angular, react blah blah.... ☺

    • @uziboozy4540
      @uziboozy4540 4 года назад +8

      Well, Blazor is still years behind on experience compared to Angular, React & Vue, and not really considered production-grade software.

  • @ceeskaas8348
    @ceeskaas8348 4 года назад +66

    I like it how everyone say's goodbye to JS, yet in many cases you still need to use JS with Blazor.

    • @benjamininkorea7016
      @benjamininkorea7016 4 года назад

      I can attest to this. In order to make sounds play properly on. . . ahmmmm. . . Apple products. . . you're going to have to do some hacking with JSInterop.

    • @gabrielkarczewski4453
      @gabrielkarczewski4453 3 года назад +7

      Interop is a normal thing. It's similar on mobile - you might still need to write some Swift/Kotlin interop code despite using RN or Flutter. This still isn't the core app logic and will gradually become less and less code over time.

    • @brianandreasen2200
      @brianandreasen2200 3 года назад

      @@gabrielkarczewski4453 tell that to Airbnb

    • @azhar_waheed
      @azhar_waheed 3 года назад +1

      @@lukevincent4397 thats great. I am also not a fan of JavaScript

  • @mfajrin6010
    @mfajrin6010 4 года назад +9

    I think blazor webassembly still in infancy , due to refreshing to UI parts still slow. Might take several updates so UI performance is acceptable enough comparing to current javascript framework stack.

    • @charles-y2z6c
      @charles-y2z6c 4 года назад +2

      M Fajrin
      I am old. I look at it like windows 95 sitting on top of DOS. Was a few revisions before Windows was the OS too

    • @william_dotnet
      @william_dotnet 4 года назад

      Yes it is very new and there are pieces missing. But hey, all the other frameworks had the same problem. Heck AngularJS got completely rewritten. With time and good feedback from the dev community all these frameworks grown and become more and more useful.

    • @charles-y2z6c
      @charles-y2z6c 4 года назад

      William Liebenberg
      I am going with it. I have an intranet business app I am writing now. Get all the data from API

    • @HermanWillems
      @HermanWillems 4 года назад +1

      It needs AOT and get rid of the big fat slow .NET runtime.

  • @imadabab
    @imadabab 4 года назад +6

    Thanks a million for this great introduction. Actually I don't consider it an introduction, I consider it a great reference in blazor. Appreciate it. I have subscribed.

  • @MhmmDonuts
    @MhmmDonuts 4 года назад +2

    At the current stage of development of Balzor i have to say that I prefer using Angular 10. Maybe one day I will switch to blazor cauze im developing backend with c#, who knows 🤔🙏

  • @Parmpita
    @Parmpita 4 года назад +2

    its awesome i build multiple application
    its fast robust and work like hell
    no need extra javascript code
    no angular or any scripting needed
    its awesome
    when u work u will love it

  • @wattheshet
    @wattheshet 4 года назад +3

    Oh I am so glad there is blazor. I fucking hate JavaScript. Hope this will be adopted by a lot of developers

  • @asicdathens
    @asicdathens 4 года назад +3

    The problem with JS is the total anarchy. Until TS (developed by Microsoft ) any variable could be assigned any data type and also there are no private members. This was total chaos and mayhem unsuitable for large applications. Blazor is not 100% ready (I have some problems in my daily work ) but its way much better than the alternatives.

    • @william_dotnet
      @william_dotnet 4 года назад +1

      can you perhaps share those problems with us? could help others avoid them or help you solve them.

  • @kolya7921
    @kolya7921 4 года назад +4

    I was a .net coder but I realize that everything runs in web will be compiled in html/css & js. So I have chosen js all the way with typescript. I’m excited to try this blazor thing since It was long time ago I ve used asp.net MVC applications🤣

    • @william_dotnet
      @william_dotnet 4 года назад +1

      Yea I think its worth a try for sure. We are working on a big enterprise project with Blazor right now and its delivering on all the promises - and the client is very happy and impressed.

    • @avishatz8369
      @avishatz8369 4 года назад

      @@william_dotnet no performance issues?

  • @nasirpopalzay1973
    @nasirpopalzay1973 4 года назад +9

    I would rather wait a couple of years before learning Blazor.

  • @TheCameltotem
    @TheCameltotem 4 года назад +3

    I've rewritten a few React apps already, I stuggle so much with JS but with .net im better, so blazor just feels so natrual. I freaking love it. Just hope it grows!

  • @gill24
    @gill24 4 года назад +1

    The most important factor given this date and time.
    1. Are you able to meet the client's requirements?
    2. The time to market.
    Seems like Microsoft addresses all you issues... yeah?

    • @william_dotnet
      @william_dotnet 4 года назад

      For the project I'm running the last few months it has been absolutely fantastic :) no show stoppers.

  • @PaulSebastianM
    @PaulSebastianM 2 года назад +3

    Thank you for an awesome presentation!

  • @dirkmuller6851
    @dirkmuller6851 3 года назад +3

    Thank you, well done: clear content, everything is readable and spoken in a pleasant tone.

    • @william_dotnet
      @william_dotnet 3 года назад

      Thanks Dirk :) I am really glad you liked it.

  • @Erril_Ferndal
    @Erril_Ferndal 2 года назад +1

    Love Blazor! I say also goodbye to JS. Blazor WebAssembly rocks!

  • @abobonickname5696
    @abobonickname5696 4 года назад +1

    Last time I checked I still needed Javascript but I had to run it through c# interoperability. If Javascript is completely gone then it will be awesome

    • @william_dotnet
      @william_dotnet 4 года назад +1

      The interop isn't a problem. So far we've used it to bring in a lot of npm packages and wrap them up in our own Blazor components. The wish for JS to be gone completely won't come true, but at least we have to option to wrap it up and hide it away :)

  • @chrome7036
    @chrome7036 4 года назад +1

    I remember those days of old, I started with a Radio Shack TRS-80. I recall typing a bunch of lines if what I now know to be code just so I could watch it snow on my television screen.

  • @sriram151092
    @sriram151092 2 года назад

    Can you make a video for the VSCode extensions,
    1. You generally use
    2. You specifically used for this Blazor project

  • @hiphopheaven
    @hiphopheaven 4 года назад +22

    When we no longer need javascript interop in Blazor we can really say goodbye to javascript

    • @chrisdupuy7749
      @chrisdupuy7749 4 года назад +4

      Seems like have heard this story before..what was its name..oh yeah, silverlight

    • @ArnabAnimeshDas
      @ArnabAnimeshDas 4 года назад +1

      @@chrisdupuy7749 silverlight was like java which was supported only on windows, slow and insecure.

    • @ArnabAnimeshDas
      @ArnabAnimeshDas 4 года назад +2

      @@chrisdupuy7749 but yeah. I also believe that js is going nowhere.

    • @NathanHedglin
      @NathanHedglin 4 года назад +1

      WASI ! It’s coming :-)

  • @leakyabstraction
    @leakyabstraction 3 года назад +1

    The issue is that I never liked Razor. Even though I hate JavaScript, and Typescript is just tolerable (besides a few nice features here and there), it was actually a nice aspect not to have to use Razor. And Angular is pretty powerful for proper web apps, plus having separate web APIs provide actual value and flexibility in and of itself since multiple clients can consume them. Not to mention the clearer separation between business logic and presentation, which (at least to me) feels quite nice and clean. So not sure it will be such an easy sell to me, but at some point I'm sure I'll try it out.

  • @_prothegee
    @_prothegee 2 года назад +1

    Wooww, much appreciate, for demo-ing this with vscode

  • @scwyldspirit
    @scwyldspirit 4 года назад +1

    I have done an example of the Spring Pet Clinic using Java/Spring, but now I am planning on remodeling it in Blazor WebAssembly and thinking about dotnet core hosted. Should be a good full featured project to get through

    • @william_dotnet
      @william_dotnet 4 года назад

      That sounds great John - perhaps you should share it on the awesome-blazor github page - github.com/AdrienTorris/awesome-blazor

  • @johlits
    @johlits 4 года назад +12

    Thank you Microsoft for letting me keep my hair

  • @odelljl
    @odelljl 3 года назад +2

    Well presented and timely as our organization is getting ready to release lean in to Blazor

    • @william_dotnet
      @william_dotnet 3 года назад

      Thanks Jeffrey :) hope it goes well... feel free to send me any questions if you get stuck.

  • @CryptoJitsu
    @CryptoJitsu 3 года назад +2

    THANKS SO MUCH! This is very exciting technology! My first was the Atari 800XL and it looked very similar to yours... I had a couple TAPE games that I remember would take like 10+ minutes to load and fail at least 50% of the time... Id tell it to load the game, then go outside and play awhile and then come in and hope for the best... good times!

    • @william_dotnet
      @william_dotnet 3 года назад +1

      HAHA that is exactly what we did... made the games feel so much more worth playing too :)

    • @ClassicRollPlayer
      @ClassicRollPlayer 3 года назад

      @@william_dotnet exactly!!!

  • @armisteadab
    @armisteadab 4 года назад +5

    Any reason you use VSCode over VS2019? I use VS2019 due to my background in C# and wonder if I'm missing out. Great vid, thanks!

    • @william_dotnet
      @william_dotnet 4 года назад +3

      thanks :)
      for the demo's in the videos I chose VSCode to entice front-end devs a bit more :) if i did everything in VS2019 then I probably wouldn't have got a lot of attention.
      But not to worry, so far I've not found anything that you're missing out on by sticking to VS2019... the only thing I can think of is perhaps intellisense in vs2019 is a bit more reliable than vscode for blazor/razor files.

    • @gabrielkarczewski4453
      @gabrielkarczewski4453 3 года назад +2

      ​@@william_dotnet I really appreciate you using vs code, but not for that reason. It's super annoying how all the C# tutorials use VS, whilst a lot of developers (like me) use macOS or Linux instead of Windows, then there is lots of googling on how to do fancy IDE stuff with the CLI. If you do stuff the vscode way, one can apply those things with every editor. BTW I subscribed to your channel and I hope you create more great .NET content :)

    • @davestorm6718
      @davestorm6718 3 года назад

      @@gabrielkarczewski4453 - You can load VisualStudio on the Mac (since 2015), and VS2021 will run on Linux. The thing that drives me nuts about VSCode is that it's very easy to break your settings with a nasty plug in, then spend hours trying to get it to work again properly. The other thing is handling more than 1 project becomes unnecessarily tedious. I use both on Apple and Win.

    • @gabrielkarczewski4453
      @gabrielkarczewski4453 3 года назад +1

      @@davestorm6718 sure, vscode isn’t without flaw. VS for mac despite its branding is totally different from VS for Windows, basically it’s just rebranded monodevelop, so any tutorial based on Windows VS cannot be directly followed on it.

  • @wa1gon
    @wa1gon 4 года назад +2

    I have been doing Angular since AngularJS and Blazor is what I have been waiting for. JS/TS Sucks! Angular with TS is a great improvement, but upgrading Angular is painful after 5 or 6.
    Great video. Picked up a few gems in it.

    • @jerryodeghe
      @jerryodeghe 4 года назад

      How did you come to the conclusion that JS sucks, have you read the specs for the language? My guess is that you have not

    • @wa1gon
      @wa1gon 4 года назад +2

      @@jerryodeghe I hardly need a recipe to know that I don't like the food. Reading the spec won't make JS suck less. One of the companies I have worked for spent millions on debugging crappy JS. JS makes it hard to write good code and by hard I mean that it takes more time and time is money.
      As another RUclipsr pointed out:
      JavaScript: The Definitive Guide is 1096 pages long.
      and
      JavaScript: The Good Parts is 172 pages long.
      I am not saying that there aren't some really cool things about JS, but JS bites. Yes, I am sure it works just like the spec says it should work, but that doesn't mean the spec was smart about it. The problem is that JS was originally designed to serve a special purpose. Then everyone starts to use it, then wanted more so it became a multi-headed beast. Added to that JS has to be backward compatible or it breaks millions of web apps. It isn't a language that was thought out with the long term plan of being a large scale language, it was a bunch of hacks that suddenly started to be used for large scale apps, which it wasn't really designed for.
      That is why WASM and Blazor is such a breath of fresh air. I have been working in Angular since AngularJS because it was the only game in town.
      Blazor was only released 5 months ago and I am twice as productive with it as I am Angular even with only started to learn it about a month ago.

    • @jerryodeghe
      @jerryodeghe 4 года назад

      Darryl Wagoner I see you points, but Crawford’s book was written a over a decade ago. I know JavaScript had some bad decisions Branden made in the design, but most of the problems the language have today comes from two place: badly written code

    • @jerryodeghe
      @jerryodeghe 4 года назад

      And doing two much. But the language is still powerful enough to deal with

    • @wa1gon
      @wa1gon 4 года назад

      @@jerryodeghe This is true, but the same can be said about ASM, but I don't want to program in it.

  • @abdulhamidalsalman
    @abdulhamidalsalman 3 года назад +3

    Thank you awesome William for the Best intro to Blazor on the web.

    • @william_dotnet
      @william_dotnet 3 года назад

      Thanks @Abdulhamid - I'm glad you like it :)

  • @harryperales
    @harryperales 4 года назад +6

    great video, i hope you could put some timestamps as well for those people who want to go past the basic app bits.

    • @william_dotnet
      @william_dotnet 4 года назад +1

      Great idea - I'll get that done - thanks :)

  • @i.mahdihosseini
    @i.mahdihosseini 4 года назад +6

    it's great. I just don't like the 700kb size. I know they packed .net in there but Vue is like 20kb and you can use it with typescript to reduce headaches

    • @william_dotnet
      @william_dotnet 4 года назад +3

      Yes the size isnt great right now, but it will shrink with the near future updates. Hope one day soon the dotnet wasm runtime will be baked into the browsers :)

    • @i.mahdihosseini
      @i.mahdihosseini 4 года назад +4

      @@william_dotnet if they add it to all browsers I'll probably never use JS/TS again.
      it'll be like full-stack JS/TS vs full-stack C#. the answer is easy for me!

    • @william_dotnet
      @william_dotnet 4 года назад +6

      Yes I don't think Blazor was ever meant to squash Js/TS. It's just another choice for devs to choose when it suits their needs. The idea of fullstack C# is really attractive to many people who find it hard to get by with JS/TS frameworks.

    • @lifeinloop
      @lifeinloop 4 года назад

      @@william_dotnet Hi. I've already asked that in a issue in a Microsoft Blazor GitHub repo. That would be killer. But right now they say is just downloads .net the first time...

    • @mattgoldman7094
      @mattgoldman7094 4 года назад +5

      The Blazor team have said their target is 50kb, which isn't far off. And is easily comparable to other client side development frameworks.

  • @nikilk
    @nikilk 4 года назад +23

    I'm glad Microsoft is building alternative ways to build web apps.
    However I don't see this replacing frontend technologies for the most part anytime soon.
    Why?
    1 - There are way more TS / JS developers than you have C# devs.
    2 - WASM is way more larger in footprint compared to apps written with TS / JS, so good luck having to download a ton to bootstrap your application.
    In general there is no getting away from JS as frontend UI libraries have direct access to the DOM, while WASM does not have DOM access.
    To overcome this frameworks like Blazor has JS helpers to perform DOM mutations, that's invisible to users of the framework.
    WASM was designed to allow computationally heavy functions to run at native speeds, and then offload all the UI responsibilities to JS.

    • @william_dotnet
      @william_dotnet 4 года назад +6

      you are on the money there Nikil! Blazor was never meant to replace any of the existing frameworks. Its just another for us to consider when architecting our solutions. Yes, we still need JS but a lot of it is being abstracted away and given enough time until possibly the LTS version of Blazor we should be able to build full enterprise apps in a true "Blazor Native" way. I can't wait!
      If the tech is still not mature enough for a team to adopt for their solution then they shouldn't. But so far it has already suited some of my use cases and is working beautifully.

    • @Bgrosz1
      @Bgrosz1 4 года назад +4

      "1 - There are way more TS / JS developers than you have C# devs.
      2 - WASM is way more larger in footprint compared to apps written with TS / JS, so good luck having to download a ton to bootstrap your application."
      Perhaps, but I think both of these points are fairly weak.
      1: Developers will switch over to new tech pretty quickly if it is solidly better than what came before.
      2: Every year processors, memory and storage get faster, while the latter two get larger and less expensive. This problem is not much of a problem right now, but will lessen and disappear in short order.

    • @vichardvideo5017
      @vichardvideo5017 4 года назад

      @@Bgrosz1 WASM can use with javascript disable? Because there is more than analytics solution that will be in Javascript. If no using native ui in wasm, html and css gonna use some resources again

    • @nikilk
      @nikilk 4 года назад

      @@Bgrosz1 I agree with the point that developers will switch over to something that's more solid, but is that building applications using C# and transporting it over to WASM ? Time will tell.
      However about the second point, about improvements in hardware making the size of wasm applications less of a problem, its always a comparison game. If a company can improve conversion on devices using a smaller footprint that's always going to win out. It's always "relative" to another technology of the time.

    • @zimcoder
      @zimcoder 4 года назад +2

      I have already shipped 3 enterprise systems built on Blazor while JS lovers keep telling me there is no getting away from JS. I was developing with Angular and since I started using Blazor, I have not looked back. I don't think its a matter of Blazor replacing JS for all developers, it makes sense for C# developers and it does not matter how many JS developers are out there, that is a moot point, there was a time there was no C# developers but plenty of Java and C++ developers. As for JS helpers performing the DOM mutations, who cares, all 4tg gen languages ride on different language libraries at OS level, that again is none issue to Blazor development.

  • @Da-gh7cx
    @Da-gh7cx 4 года назад +6

    I hate angular and react, its a complete mess in large projects. For me the ideal is SSR + a small vanilla js library i wrote which does partial DOM updates simulating a SPA application. That way the app is lightweight and all logics and stuff runs on ss, no jsons, serialization/deserializations, model bindings and so on. Blazor definitely sounds interesting, will wait till it becomes more mature.

  • @zerg100500
    @zerg100500 4 года назад +8

    Thank you. It is a huge advantage to use the same language in the front and end. But, it will stop my evolution as developer, won't it?

    • @william_dotnet
      @william_dotnet 4 года назад +2

      I doubt it. You shouldn't stick to just one language for all solutions... there's a lot more than C#, JS/TS to choose from to evolve as a developer... python, go, rust, etc. Pick the right tool for the job :)

    • @zerg100500
      @zerg100500 4 года назад +2

      @@william_dotnet yep... You could use any tools to build your pet project. But, when you work in invest banking you do use most useful stack for your command. And if most of your mates are c#-devs, the best choise is to use the language everywhere, not typescript even. It is just business, nothing personal😁

    • @georgios_georgiou
      @georgios_georgiou 4 года назад

      Aaah too bad Java doesn't have anything similar but only the infamous cumbersome JSP... Like the React framework tho! Wish Oracle does sth similar soon or I 'll really switch to C#!

    • @georgepagotelis
      @georgepagotelis 4 года назад

      It means you won't have job stability as companies will train the 457s to come from overseas because they know ".NET Core, Blazor". With Angular/React you are at least specialised and hard to replace and worth something. Working for different companies I had many juniors fumble through .NET core code but could never grasp both client/server technologies.

  • @NathanFranckGameDev
    @NathanFranckGameDev 4 года назад +4

    Blazor isn't native speed [yet] you need to wait until 2021 for .Net6 to get proper AOT compiling. Currently Blazor doesn't perform any better than Javascript, which is a bummer.

    • @william_dotnet
      @william_dotnet 4 года назад +2

      exactly... AOT was delayed to .NET 6 --- bummer! Can't wait for it to even show up in the previews!

  • @KishorTiwari
    @KishorTiwari 3 года назад +1

    Thank you so much man. You have packed everything up!!!

  • @teamomiparientes3769
    @teamomiparientes3769 2 года назад +1

    Marvelous presentation..thank u

  • @rafilalars6347
    @rafilalars6347 4 года назад +2

    Nobody can say goodbye to javascript, it's working everywhere web, server, mobile also it's very portable languages and a huge community behind it.

    • @katimboallan4605
      @katimboallan4605 4 года назад +1

      I gree 100%

    • @toferj7441
      @toferj7441 4 года назад

      Yep. Javascript isn't going anywhere. Blazor on the other hand.... I don't see it replacing front end JS (vanilla, angular, react, vue or whatever)... Nope.

  • @klauslife10
    @klauslife10 4 года назад +4

    One creates, all the others copy it xd
    Phoenix - Elixir
    Livewire - Laravel
    Blazor - C#

  • @sabuein
    @sabuein Год назад +2

    Thank you so much!

  • @ericblankenburg
    @ericblankenburg 4 года назад +2

    Microsoft has to do more to create components that wrap browser API's like WebRTC (or now Azure Communication Services which uses WebRTC), geolocation, HTML Drag and Drop, Canvas, Touch API, etc. Yes, I know about interop, but why make everyone reinvent the wheel? Microsoft should offer a standard set of components.

    • @william_dotnet
      @william_dotnet 4 года назад

      I agree that more OOTB components would be awesome - but Blazor is still a young framework. To get all the features you describe isn't minor effort... it will take time.
      Plus, Blazor is Open Source and the community is growing faster and faster so mayyyybe the wait wont be too long :)

  • @groachslayer
    @groachslayer 4 года назад +1

    Nice, but JS is only part of the equation. The markup (HTML/CSS, designed for _text_ markup 25+ years ago, before "apps"), is also a huge "walk on ice" nightmare. Particularly regarding layout that should (but doesn't) "just work".
    How will you abstract that away? (says this former Xaml/Silverlight Product Manager)

    • @william_dotnet
      @william_dotnet 4 года назад

      Hi David - love your work!!
      Over the years I've wished many many times for something to replace HTML/CSS... I remember when Avalon first came out and it just blew my socks off! I was deeply entrenched with DirectX/Direct3D back then writing custom UI frameworks in game engines.... then being able to build awesome UIs with simple XAML (and being backed with d3d rendering) was an absolute dream come true.
      Sadly I've not done any any XAML work for quite some time... but if we can replace html/css with something similar for web apps... i'd be all in :)
      What do you think would/could happened in the future for html/css ??

    • @groachslayer
      @groachslayer 4 года назад +1

      ​@@william_dotnet it would take a new standard from the ground up designed for Applications, and then browsers support both standards either indefinitely, or until HTML is retired. But such would also require the monumental task of showing developers the value of it.
      MS open-sourced .NET, I don't see why they don't open up Xaml - as it was at least application-focused.

    • @william_dotnet
      @william_dotnet 4 года назад

      @@groachslayer open sourcing Xaml... that would be something special :) hopefully not something that we have to wait many years for.

  • @vmehta
    @vmehta 3 года назад +4

    Thank you William. Your presentation skills are polished and elegant, to say the least.

  • @JerrodVolzka
    @JerrodVolzka 3 года назад +1

    Thanks for saying this would use web assembly early. I was looking for a blazor-server intro.
    Thumbs up, but you wont get a view for it.

  • @LeeOades
    @LeeOades 4 года назад +3

    Awesome to hear a shout out for MediatR!

  • @joshemm4991
    @joshemm4991 2 года назад

    the SV 328 kinda looks like an Atari 800, even the tape drive, where i started. What OS was it?

  • @diopistacchio5037
    @diopistacchio5037 3 года назад +1

    I don't like XAML but Blazor is Amazing, I'm studing Blazor mobile bindings

  • @joshemm4991
    @joshemm4991 2 года назад

    whats the diff between breakpoint in Devtools and breakpoint in VS? can you breakpoint javascript interop?

  • @W5AKC
    @W5AKC Год назад

    I think both Server and WASM can be used together...Server hosts an API (better security) and WASM for the client UI to call the api. Would this not work well?

  • @j4nch
    @j4nch 3 года назад +1

    Is there some state management library yet? I like the immutable approach of NXGS

    • @william_dotnet
      @william_dotnet 3 года назад +2

      Yes. there is Fluxor :)
      Check out the video from my team mate Chris Clement - ruclips.net/video/sAyH-O0dFaI/видео.html

    • @j4nch
      @j4nch 3 года назад

      @@william_dotnet nice! Not a big fan of the effects of ngrx, but better than nothing! I've to check now if there is some library for the sync with firebase

  • @pennywalker9456
    @pennywalker9456 4 года назад +10

    Great presentation Will! Thank you.

  • @JAY0893
    @JAY0893 4 года назад +5

    I'm in love with blazor (y)

  • @mitchlabrador
    @mitchlabrador 4 года назад +4

    Thanks William! Great intro video into Blazor and how it fits into the web development eco system.

  • @TomBauto
    @TomBauto 4 года назад +2

    Wow sir that was an awesome tutorial! Thanks for covering those areas and incoming features. I too are having hard time managing my time to learn these ocean of JS framework, good thing Microsoft has invested in Blazor. Will definitely be able to utilize my C# knowlege. Btw I was wondering if you can also share Blazor + Xamarin. I was thinking if its possible to develop almost native mobile app using that combo. Thanks!

    • @william_dotnet
      @william_dotnet 4 года назад

      Thanks Tom :)
      Check out the Mobile Bindings for Blazor ... im not an expert in that area (yet) but I think you will find it useful.

  • @qbasic16
    @qbasic16 4 года назад +1

    Great video! Blazor seems really cool but it is useless for websites where SEO is important, except if we are able to do sever-side rendering. Is sever-side redering available?

    • @william_dotnet
      @william_dotnet 4 года назад +1

      yep you can do SSR with Blazor -- i've not tried myself but found lots of recent hits on google how to enable SSR. Its a given though that you will need a server-side to your application to achieve this ;)

  • @binitrupakheti4246
    @binitrupakheti4246 3 года назад

    If blazor and web assembly are still alive in the next 3 years. I'll switch to C# completely

  • @jainr67
    @jainr67 4 года назад +2

    Hi William,
    Thanks for putting the efforts in making this video, I have also started using Blazor at my workplace, it is really awesome, just a few things are still not mature enough or I would say many, as I have not explored it in deep yet.
    1. Takes a lot of time to restart the app again and again for making any change
    2. Debugging is not mature enough, more work to be done
    3. some of the things are not straight forward with putting the validations
    But I am sure, Microsoft is going to fix them soon, not your problem :)
    On a side note, I wanted to ask, what is this extension you are using to in your Visual Studio Code, I can't see icons for my razor files.

    • @william_dotnet
      @william_dotnet 4 года назад +3

      > 1. yes -bit slow now but not tooo bad. Still getting better with each preview
      > 2. I've only run into a couple of crazy stack-traces that made no sense and also an exception that would never show up in vs (only in the browser), but otherwise debuggin has been fine.
      > 3. can you expand on that please?
      > side note. I use 2 icon packs in vscode, one is Material Icon Theme and the other is vscode-icons. Try them out and see if it works

    • @travisshow308
      @travisshow308 3 года назад +1

      Well, we have hot reload now :)

  • @swankyshivy
    @swankyshivy 3 года назад

    william great video...can you show us what a user can see if they look under the hood in a blazor app in terms of code? also maybe cyber security issues with blazor wasm

    • @hexorf
      @hexorf 3 года назад

      That would be an interesting talk! 😊
      Atm, Blazor WASM might be just a bit more secure than Angular/React.
      DLLs have checksums, which are then verified before loading them into memory.

  • @BahawalTV
    @BahawalTV 4 года назад

    The only benefit of blazor seems to be sharing of business logic in the browser and on the server. What are the other alternatives in the JavaScript world?

    • @william_dotnet
      @william_dotnet 4 года назад +1

      well if I understand your question correctly, in the JS world you already have full-stack JavaScript with NodeJS (server-side) and many many JS/TS (client-side) frameworks -- this allows you to reuse a lot of your code between the client and server.

  • @marcosphs
    @marcosphs 3 года назад

    Dear William, how to add Blazor components to an MVC application?, how to add Blazor components to an MVC application?

  • @rynopot
    @rynopot 3 года назад +1

    Spectravideo 328! I found another person who owned one!

  • @BrickieBuilder
    @BrickieBuilder 4 года назад +10

    Tbh TypeScript is way ahead of c# these days and angular is not hard to learn. As usual blazor feels like a solution to developers who can't move forward

    • @william_dotnet
      @william_dotnet 4 года назад +1

      I don't agree with the notion that this is for devs who can't move forward. Each framework has its opinions and not everyone agrees with them for whatever reason. Heck they can all be written in typescript but it doesn't mean everyone is going to love it. Compare React vs Angular vs Vue for instance. Not all angular devs love react and vice verca. Its just personal choices, bias's and actual project requirements that make us choose a particular framework. Blazor is just another framework added to the mix - and with language changes being added to C#9 and beyond this could make it suitable for more and more teams. Do you see the point I'm trying to make?

    • @matiaslauriti
      @matiaslauriti 4 года назад +4

      @@william_dotnet I don't agree with the notion that Blazor is just another framework added to the mix... Blazor is like trying to use VisualBasic in 2020 for coding a microcontroller... you are out of the loop... Blazor looks like it is design for people stuck... I use PHP (Laravel) for backend or NodeJS, I use React or Vue for Front end with some flavors like Bootstrap or Tailwind css, I use Python for some computational functions (PHP will not satisfy performance in that case). I did learn Go, but I hated it, I prefer Rust... I know C# and I love it for Unity3D and creating windows apps... and thats it... you have to learn languages DESIGN for what is meant to be used... C# is awesome, but it will never be usable for web (front end)... Blazor is absolutely ugly... don't you see the C# community is already small ? Why do you think so ? .NET community is behind all the time... Learn new stuff... That thinking is so Microsoft thinking...

    • @josecosta3339
      @josecosta3339 4 года назад

      @@matiaslauriti But you can code in multiple languages in your wasm

    • @matiaslauriti
      @matiaslauriti 4 года назад +1

      @@josecosta3339 no one uses WASM

    • @gui6881
      @gui6881 4 года назад

      @@matiaslauriti You say that we should "learn languages DESIGN for what is meant to be used", and that C# should never be used on the front end. Then why you use Node.JS?

  • @maxlin2905
    @maxlin2905 3 года назад

    "Mike Pompeo" is teaching us .net Blazor:)

  • @j-t-ogamingblahblah3025
    @j-t-ogamingblahblah3025 4 года назад +2

    I love blazor for the record

  • @izwansystec87
    @izwansystec87 2 года назад +1

    so cool!!.. i like it very much

  • @aceleful
    @aceleful 4 года назад +1

    Is there any information available on hosting blazor server app in a load balancer with sticky sessions not enabled on onpremise servers. Signalr is not supporting in load balancer I think.

    • @jamesmelvin3071
      @jamesmelvin3071 4 года назад +1

      If you arent maintaining an old application, you should rather use JSON Web Tokens (JWT), rather than the traditional session-based authentication. That way you lose the dependency on sticky sessions. Any server in the cluster can handle the request and if your session is for server caching logic, I would rather look at Redis personally. Signal R works with JSON Web Tokens seamlessly

    • @william_dotnet
      @william_dotnet 4 года назад

      @@jamesmelvin3071 have a look at using Azure SignalR Service - lots of pain removed for scale out scenarios

    • @william_dotnet
      @william_dotnet 4 года назад

      Sorry, meant for Sinha :)

  • @everyonesview
    @everyonesview 3 года назад +2

    Awesome, mate!

  • @cryptosecuritytools
    @cryptosecuritytools 4 года назад +1

    Haha look mum no BS. nice one :). This all seems pretty damn fantabulous. Microsoft re-inters the ring.The question for non .NET developers (ie someone who uses something else currently) is 'is this enough to make someone come over to C#?'

    • @william_dotnet
      @william_dotnet 4 года назад +1

      probably not... its still a young framework with missing bits. But as it grows it might become more attractive when it suits the individual's or team's skillset.

  • @adrired00
    @adrired00 4 года назад +1

    Incredible video! I'm just .NET CORE and React.js developer (and trying to learn Angular.js) and Blazor WASM is fking amazing. I'm sharing this with my collegues!

    • @william_dotnet
      @william_dotnet 4 года назад

      Thanks Adri :) reach out if you need help with anything

  • @Mfbzai
    @Mfbzai 4 года назад +2

    Honestly I was developing with Blazor before, but how do you can like just "Set focus to inputbox" without javascript?

    • @william_dotnet
      @william_dotnet 4 года назад +1

      Blazor wasm is still maturing so some of the simple parts aren't in the 3.2 release... but what you're asking for is already out in the .NET 5 Preview 8 release - check it out: devblogs.microsoft.com/aspnet/asp-net-core-updates-in-net-5-preview-8/

    • @nayanchoudhary4353
      @nayanchoudhary4353 4 года назад

      Isn't it already late for Blazor?

    • @HermanWillems
      @HermanWillems 4 года назад

      @@william_dotnet So they have to do all the API's manually ?? And therefore do not have everything yet? Damn. In Rust language to webassembly we have 100% of all API's available in the browser. Because it's generated automatically. This is manual labor ?? lol

  • @juleswombat5309
    @juleswombat5309 4 года назад +1

    Since the demise of Silverliightf, I have avvoided any Web side development. I tried to learn java script and HTML 5 butt I just could not be productive, without a decent IDE and intellisense. But before I dive back into Web client designs, I need to be convinced that Microsoft is more committed with this. NET webassembly than Silverlight. Also need access to a canvas, with C# library for drawing lines and graphics onto canvas. Without any reliance upon poorly supported third party Nuget packages. Any idea whenMicrosftt themselves will provide firm support to canvas graphics?

    • @william_dotnet
      @william_dotnet 4 года назад

      good question... not sure I can help you to answer that... I've only previously used WebGL for some serious 3D rendering in the browser but that was a few years ago.

  • @leefig6089
    @leefig6089 4 года назад +2

    Outstanding

  • @MortezaDalil
    @MortezaDalil 4 года назад +2

    Thanks,but you said "Goodbye JavaScript!"
    How can you manipulate DOM without interrupt?

    • @isaacayodejii
      @isaacayodejii 4 года назад +2

      you took that literally didn't you?
      you must be fun at parties lol.

    • @william_dotnet
      @william_dotnet 4 года назад +3

      Definitely still need JS for DOM interactions -- but you can already write fairly large/complex applications without needing to use JS. And as more and more components/libraries are released we will depend on JS less and less. But, like I said in the video - we get the best of both worlds (.NET Nuget and NPMJS)... you can still pull in your fav npms and use them in Blazor. Nothing stops you from doing that.

    • @isaacayodejii
      @isaacayodejii 3 года назад

      @@mohasahal1771 man that's a popular joke and I'm sure he understands.
      It is not this deep.

  • @kourosh234
    @kourosh234 4 года назад +3

    Would you make tutorial on doing Steve Sandersons demo apps?

    • @william_dotnet
      @william_dotnet 4 года назад +1

      Yup I'm planning on making some more Blazor videos - stay tuned :)
      Which demo apps in particular that you're interested in?

    • @kourosh234
      @kourosh234 4 года назад +1

      @@william_dotnet Glad to hear that. Thank you. Pick anything. His demos are great.

  • @joeyvico
    @joeyvico 4 года назад +5

    Goodbye Javascript? You're up for a very big surprise

    • @william_dotnet
      @william_dotnet 4 года назад +2

      no suprise :) -- during the talk I mention that we do get the best of both worlds :) but the over time as Blazor matures the need to use JS directly to solve our problems will be reducing.

    • @toferj7441
      @toferj7441 4 года назад +1

      Javascript isn't going anywhere.

  • @cryptolobo2273
    @cryptolobo2273 3 года назад +1

    Awesome video!

  • @Marcel-dt5du
    @Marcel-dt5du 3 года назад

    The initial load time - and that's reallllly important - was really high and that's even when running locally

    • @william_dotnet
      @william_dotnet 3 года назад

      Yes, locally is also in debug mode without any assembly trimming. The load time reduces when running in release mode and with some trimming applied :)

  • @stevenbense3504
    @stevenbense3504 4 года назад +1

    Excellent introduction and then some! Thank you William. This sold me on Blazor. Does anyone know how to inject HttpClient instances for multiple API endpoints? From the example shown in the video at 43.17 it seems the base Uri is defined, meaning components just provide the rest of the Uri when invoking it. I often have many API endpoints to manage, so a way to provide an injectable component for each would be helpful.

    • @william_dotnet
      @william_dotnet 4 года назад

      Thanks Steven
      Yes you can configure multiple http clients... With builder.Services.AddHttpClient( ... ) you get a scoped client that you can use to set the BaseAddress.
      (hopefully code formats ok in youtube:) )
      builder.Services.AddHttpClient(client =>
      {
      client.BaseAddress = new Uri("endpoint-a.com");
      });
      builder.Services.AddHttpClient(client =>
      {
      client.BaseAddress = new Uri("endpoint-b.com");
      });

  • @mayureshs80
    @mayureshs80 4 года назад +2

    Thanks for the session. Hope you have more coming. Curious what font you have in vs code?

    • @william_dotnet
      @william_dotnet 4 года назад +1

      I swap between Cascadia Code and Fira Code now and then :)

  • @toferj7441
    @toferj7441 4 года назад +2

    It downloads *6+MB* for that little page? I don't think this will kill JS. Note that this couldn't even work without their own JS framework being loaded. So that's not saying goodbye to JS.
    Web assembly is exciting. It will allow things that couldn't be done before. IMO, making SPAs isn't really it. It's meant for processor entensive applications, not shopping carts, weather apps, todo apps, and the like. Look how long it took to load that page the first time. 🤦🏽‍♂️

    • @william_dotnet
      @william_dotnet 4 года назад

      For LOB apps that staff will be looking at for hours a day, that loading time is no concern. One of the major wins for Blazor come from being able to easily reuse/integrate with existing enterprise libraries without rewriting in a new language :)

  • @bhaskarkaushal8553
    @bhaskarkaushal8553 4 года назад +1

    What's wrong with server-side Typescript frameworks and angular . They also have a common language Javascript ?

    • @william_dotnet
      @william_dotnet 4 года назад +1

      nothing wrong with them. Often code up node/express+angular apps. Blazor just gives us the choice of doing fullstack .net vs fullstack JS. For some people its more exciting or fits their skillsets better

  • @BarbarosYurttagul
    @BarbarosYurttagul 3 года назад +1

    Awesome video. Thanks.

  • @ikeo8666
    @ikeo8666 4 года назад +7

    Tried it, it sucks. You'll run into the same issues with every NEW microsoft offering.. things don't work, code seemingly changes for no reason, frustrating mess. I was trying to call a simple api from my raspberry pi and the default http code just failed with some cryptic error. Eventually found after searching that I had to use a custom http request and disable CORs. That worked.. call goes through server responds but http getresponseasstring() or whatever async call was returning null. Eventually just gave up and tried node and now I'm on my way. Typical MS programming. ruins your day.

    • @william_dotnet
      @william_dotnet 4 года назад

      bit harsh... but i understand... sometimes a new tool just doesn't do what you need on the day. Give this another go in November and see what you think then :)

    • @AchmadBadra
      @AchmadBadra 4 года назад

      Is just like net core when first released on public. But rightnow net core laughed at them which get rank 6 on composite score on techempower.

  • @vadimchavarha7366
    @vadimchavarha7366 4 года назад

    Yes ... but. A javascript based application runs on the client, which means it can be hosted anywhere for very cheap. In your case you need a compute node, that is much more expensive, is much less scalable, needs maintenance, is subject to malicious attacks etc etc.

    • @william_dotnet
      @william_dotnet 4 года назад +1

      I think you are talking about Blazor Server instead of Blazor Webassembly.
      Blazor Wasm is client side... can run offline on all your devices...and be hosted from a CDN very cheaply. Check out the Pros and Cons section on the video at 28:50 ruclips.net/video/Oeh2IJw7Zig/видео.html

  • @zcmdz99
    @zcmdz99 4 года назад +2

    Not a fan of npm but vuejs is awesome....you can learn it in hour...

    • @william_dotnet
      @william_dotnet 4 года назад

      You're not wrong :) Vue is almost perfect!
      with Blazor -- I learnt a lot in the first hour or so when first trying it out... its worth giving it a shot

  • @vitaliiyarema
    @vitaliiyarema 4 года назад +2

    Great. I appreciate Blazor.

  • @jaym9846
    @jaym9846 3 года назад

    How does a wasm page get data from a database back on the server?

    • @william_dotnet
      @william_dotnet 3 года назад

      with Blazor Wasm apps you still need to use an API to securely connect to your database. But, if you want to take the risk or if you are working on a low-care type application you can talk to CosmosDB directly from your Blazor Wasm app. Having a secure/private connection between an app that runs on a user's browser into your database isn't a great solution.

  •  3 года назад

    The subwoofer killed me at 29:54 :)

  • @MrNewMuse
    @MrNewMuse 4 года назад +2

    I had no idea that Ricky Gervais new how to code!

    • @william_dotnet
      @william_dotnet 4 года назад

      You are not the first person to say I look like Ricky Gervais... although I had a close look myself and can't see the resemblances :)

  • @MaxPlayle
    @MaxPlayle 3 года назад

    What VS Code theme is this?

  • @hamzehrezaei909
    @hamzehrezaei909 3 года назад

    hi.how can call procdure in webAssmbly blazor

  • @bobweiram6321
    @bobweiram6321 3 года назад

    Your first computer's keyboard is more interesting than the rest of the machine. It appears way too high quality for a cheaply made machine, I wonder what switches it used.

    • @william_dotnet
      @william_dotnet 3 года назад

      No idea how much that costed back then ... but I would surely pay good money for it now :)

  • @iancarr3923
    @iancarr3923 4 года назад +1

    Excellent video, thanks. The logging and software arch segments were most useful.

    • @william_dotnet
      @william_dotnet 4 года назад

      Yea i was so happy when i could just reuse my favorite libs :) - mediatr, serilog, fluentvalidations, and even some old algebra libs i wrote from a few years ago... just works :)

  • @rodrigod5625
    @rodrigod5625 3 года назад +1

    I don't like javascript :( I tried to use it in unity (2014) and I hated it a lot, now is not supported anymore

  • @davidcfrogley
    @davidcfrogley 4 года назад

    Couldn't get the source code to show up in the debugging dev tools. Couldn't hit any breakpoints in VSCode or Visual Studio either.

    • @william_dotnet
      @william_dotnet 4 года назад

      Did you start chrome/msedge with remote debugging enabled?

    • @davidcfrogley
      @davidcfrogley 4 года назад

      @@william_dotnet Yes

  • @nickeax
    @nickeax 4 года назад +1

    Thank you for the great video.