On .NET Live - Secrets of building Blazor Components

[@tothimre7950]

Interesting demo thanks. Ed you were mentioning preferring LESS/SCSS however you don't have to compromise anything. You can just add those files .razor.scss And you can use a VS extension (probably VS Code has the same) called WebCompiler. Which is automatically detecting any changes and able to "compile" LESS/SCCS file to CSS and min.css files. So you write your stile in SCSS and Blazor will use the compiles CSS. Basically the same things apply on TypeScript/JS. You can add and write TypeScripts instead of JS files. And use a compile/transpile tool which converts .ts into .js and min.js... All works perfectly.

[@cmkeller]

This was a great presentation, thank you both!

[@LukeAvedon]

"A page is just a component with routing... " WOW wow wow wow wow Blazor is so neat!

[@nicolaschausse3719]

Thanks for the presentation! Keep rocking!

[@samirgazaoui3913]

Merci ^pour demo On Net Live Secret Of Building Blazor Compoent je découvres mémé temps

[@amanjain967]

How can we send an HttpStatus code 404 if a route is not found? I mean for Blazor Webassembly or server app. I assume both have different methods if any.

[@ghevisartor6005]

I have yet to watch it all, did anyone ask if they plan to make functional components like react? I guess they moved from class components from some reasons.

[@darklen14]

Most note to that css Isolation only works in Razor class library

[@daveblack6951]

2:19

[@danielvelkov116]

9:56 people say SPA like that? Didn't know

[@EdwardCharbeneau]

My old northerner accent coming out 🤘Detroit. But I hear it pronounced spä quite frequently

[@bernpaul9868]

so hot reload is like a JIT in php no need for you to refresh

[@darklen14]

Also noticed that Hot Reload builds the project then reloads - if you have a bigger project, it will take a longer time to see your changes. Still annoying.

[@olusojicharles1999]

I'm here from nigeria

[@eContentManager]

Unfortunately, updating any piece of text, html or even styles in a Razor Component, requires you to recompile the entire project! Not good! How do you make last minute changes to templates on a published website that need html updates by a designer? You can't because you will have to recompile...

[@davestorm6718]

Too bad you have to use events to get data back from a control and not just be able to access "properties" of a control. These are great for displaying data, but man, it takes a long time and tons of troubleshooting (so many things can go wrong - even a typo can cost a day of work) to do complex controls. I had one with 36 input types - sliders, buttons, etc, and had to create 52 event handlers and a special object to pass back data to the parent. This doesn't make much sense for an SPA where all the child components (controls) all get compiled into the same executable! (and we're told not to use things like cascading features as it slows things down). I can't think of any other platform that you can't make truly independent controls with true 2-way binding that isn't tied to events. (what happened to properties?)

[@ghevisartor6005]

Put that object you pass down in a scoped service you inject in both the parent and the child with the form, subscribe to a property change event on that object and it should work. For the event handlers why? wasnt @bind enough?

[@davestorm6718]

@@ghevisartor6005 That was my major complaint with Blazor - having to write special services to do something simple to emulate 2 way binding when it should be completely unnecessary - make the controls compilable into the main executable (as if the controls are not separate). They're treating controls as isolated pages, which is why it's done this way. Perhaps they need a new type called an "Integrated Control" ? Probably why they call them components instead of controls (controls imply something else).

[@ghevisartor6005]

@@davestorm6718 two way binding means you bind a property to an input and both the code or the user will change the property. It doesnt mean every child component should refresh the parent. How do other js frameworks do this? Can you give me an example? Xamarin and Maui with xaml also use mvvm pattern. Im not sure what you mean.

[@bobweiram6321]

Microsoft overuses "cool" to the point of exhaustion.