Best of Blazor — June 2024

1. 1
   Article

   Community Picks·2y

   Showing Blog Articles in Blazor with GraphQL

   Learn how to display blog articles from a Hashnode headless blog in a Blazor site using GraphQL. The process involves setting up your Blazor project, activating Hashnode's headless feature, installing the necessary GraphQL client libraries, creating proper models and services, and setting up dependency injection. Finally, a Blazor component is created to display the articles formatted using Bootstrap CSS.

   13

   1
2. 2
   Article

   Telerik·2y

   Blazor Basics: Styling Blazor Components with CSS

   Learn how CSS support works in Blazor and how CSS isolation addresses common web development problems. Blazor supports standard CSS properties and allows the use of third-party CSS frameworks like Bootstrap and Tailwind CSS. CSS isolation in Blazor enables defining CSS classes specific to Blazor components, preventing global CSS clashes. It also uses a unique identifier to apply styles locally within the component. While Sass and Less are not supported out-of-the-box, they can be implemented using pre-build tasks or third-party packages.

   12
3. 3
   Video

   Nick Chapsas·2y

   The Blazor Competitor is Here!

   Hydro is introduced as a competitor to Blazor, offering a simpler yet powerful way to create reactive applications in .NET. The post explores the features and benefits of Hydro and showcases a sample application using Hydro components.

   11