Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
34 lines (19 sloc) 2.47 KB
layout permalink title path
post
/blazor-7to8-migration/
Blazor 0.8.0 Migration and CSS Builder
2019-02-22-blazor-7to8-migration-css-builder.md

On this weeks Blazor StateHasChanged we migrate an existing 0.7.0 project to 0.8.0. This is a good learning experience to see what has changed in the underlying framework bits since the move to Razor Components on ASP.NET Core. There were quite a few name space changes in the framework including: Razor Components name space, base component class names, and even JavaScript dependency names. We also see how to tackle conditional CSS Classes with a simple pattern that gives syntactic sugar to building CSS strings.

<iframe width="560" height="315" src="https://www.youtube.com/embed/Bta0byQNCfg?start=181" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Telerik UI for Blazor: Grid Component Basics

Telerik UI for Blazor is a brand new library of UI components for the Razor Components and Blazor frameworks. Even though Telerik UI for Blazor is in an "Early Preview" stage it ships with one of the most popular and versatile UI components, the data grid. The data grid features out-of-the-box functionality like paging, sorting, templates, and themes. In this article we will focus how to get started with the grid's basic features.

https://www.telerik.com/blogs/telerik-ui-for-blazor-grid-component-basics

Razor Components First Official Preview

The Blazor world has been bustling with activity lately! This blog walks you through the recent release of Razor Components and also offers an overview of the 0.8.0 Blazor release.

https://www.telerik.com/blogs/razor-components-first-official-preview

CSS Builder

When building complex components for ASP.NET Razor Components there are often CSS classes generated by multiple factors. Styles can often be added by system & component state, public parameters, and static base CSS classes. Combining many CSS classes together doesn't scale well, and when components get large it can be tough to reason about. The CSS builder pattern fixes this problem by offering a easy to repeat, easy to read pattern to use across components in a project. A clean code approach to conditional CSS in Razor Components.

https://github.com/EdCharbeneau/CssBuilder

Blazor Community Chat

Chat with other devs about the Blazor project.

You can’t perform that action at this time.