These are the show notes for our November 19, 2020, webinar, “Creating Complete Server-Side and WebAssembly Blazor Applications Using Syncfusion Controls.” The webinar was presented and hosted by Microsoft MVP Michael Washington. If you missed it, please see our YouTube page for the complete recording, or watch it here.
In this webinar, Microsoft MVP Michael Washington walked attendees through the process of creating a Syncfusion Help Desk application, both as a Blazor server-side application and a Blazor WebAssembly application. This fast-paced presentation demonstrated how using Syncfusion controls greatly speeds up application development.
Blazor is an exciting technology that allows you to create web-based applications using C# instead of JavaScript. However, you still have the ability to implement custom JavaScript when you desire.
Blazor is an alternative to other single-page application frameworks such as Angular, React, or Vue.
Blazor applications are composed of components that are constructed using C#, HTML-based Razor syntax, and CSS.
Blazor has two different runtime modes:
Both modes run in all modern web browsers, including web browsers on mobile phones.
Server-side Blazor renders Razor components on the server and updates the webpage using a SignalR connection.
The Blazor framework sends events from the web browser, such as button clicks and mouse movements, to the server.
The Blazor runtime computes changes to the components on the server and sends a diff-based webpage back to the web browser.
Client-side Blazor is composed of the same code as server-side Blazor, however, it runs entirely in the web browser using a technology known as WebAssembly.
The primary difference between Blazor applications created in server-side Blazor versus client-side Blazor is that client-side Blazor applications need to make web calls to access server data, whereas server-side Blazor applications can omit this step, as all their code is executed on the server.
The following is the Q&A portion of the webinar.
Does this grid work with .NET 5 virtualization?
Please reach out to Syncfusion support: https://www.syncfusion.com/support
Great presentation, but I have a couple of questions (after using the controls for a while):
Please reach out to Syncfusion support: https://www.syncfusion.com/support
WebAssembly is already a huge download and Syncfusion CSS and JS are also very huge. What are you doing to reduce the download/app start time of WebAssembly to make it more manageable?
This link may help: https://docs.microsoft.com/en-us/aspnet/core/blazor/webassembly-performance-best-practices?view=aspnetcore-5.0
What is the difference between SFGrid and EJGrid?
EJ2 is the old version. See: https://blazor.syncfusion.com/documentation/datagrid/how-to/upgrade-application-to-latest-version/
Can the grid component display and handle images, or only text and numbers?
Yes, see the Syncfusion documentation for help: https://blazor.syncfusion.com/documentation/datagrid/getting-started/
Question about the Dialog. Can you add your own CSS markup?
Yes, see the Syncfusion documentation for help: https://blazor.syncfusion.com/documentation/datagrid/getting-started/
Can I get the highlights of features that are in Winforms sfdatagrid versus the Blazor grid?
Please reach out to Syncfusion support: https://www.syncfusion.com/support
How do I keep the license dialog box from appearing when I load the project in Visual Studio? I have a license.
Please reach out to Syncfusion support: https://www.syncfusion.com/support
Is it possible to take a WebAssembly app like the help desk and turn it into a PWA?
Yes.
When publishing a Blazor .NET 5.0 app, does Azure support it?
Yes.
In a server-side Blazor app, can we use a WebAPI project for CRUD?
Yes.
Thanks guys, great presentation. Hope that’s not too generic. I’m thinking about migrating a SF-powered application from ASP.NET MVC 6 to .NET Core 5. What would you consider the most important decision criteria, to choose between Blazor server, Blazor client, or stay on MVC?
I would use Blazor server unless you need offline support.
Good demo and explanation and I see it’s close to the free ebook. Is there a follow-on video explaining more about the difference in adapters and how they work?
Please reach out to Syncfusion support: https://www.syncfusion.com/support
I use a Blazor component for editing, updating, and deleting. Can I use my component in the grid?
Yes, see the documentation here: https://blazor.syncfusion.com/documentation/datagrid/getting-started/