Introdução às bibliotecas de classes do Razor

  • 1 minuto

Usando as bibliotecas de classes do Razor, você pode compartilhar e reutilizar componentes de interface do usuário entre aplicativos Blazor. Neste módulo, você se concentrará na compilação e no compartilhamento de componentes para aplicativos Blazor.

Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.

Cenário de exemplo

Vamos supor que você trabalhe para uma empresa de consultoria em que você cria aplicativos Web para vários clientes. Você tem uma coleção de recursos da Web, como um componente de janela modal, que você disponibiliza para seus clientes. Para economizar tempo, você quer ser capaz de reutilizar esses recursos entre aplicativos.

Usando bibliotecas de classes do Razor, você pode compartilhar os recursos entre os aplicativos que você cria para seus clientes.

Screenshot of an example modal window component that can be shared across Blazor applications.

O que faremos?

Neste módulo, você criará uma biblioteca de classes do Razor para realizar as seguintes metas:

  • Apresentar uma caixa de diálogo modal com temas padrão
  • Usar e personalizar a caixa de diálogo modal em um aplicativo Blazor
  • Empacotar a caixa de diálogo de janela modal para uso com outros aplicativos

Qual é a meta principal?

Ao final do módulo, você poderá criar um componente de janela modal que pode ser compartilhado e personalizado em outros aplicativos Blazor.

Pré-requisitos

  • Familiaridade com desenvolvimento para a Web em HTML, CSS e JavaScript.
  • Capacidade de escrever código C# no nível iniciante.
  • O SDK do .NET 8.0 instalado.
  • Um IDE (ambiente de desenvolvimento integrado). Este módulo usa o Visual Studio Code.

Observação

Este módulo usa a CLI (interface de linha de comando) do .NET e o Visual Studio Code para desenvolvimento local. Depois de concluir este módulo, você poderá aplicar os conceitos usando o Visual Studio (Windows) ou o desenvolvimento contínuo usando o Visual Studio Code (Windows, Linux e macOS).

Este módulo usa o SDK do .NET 8.0. Verifique se você tem o .NET 8.0 instalado executando o seguinte comando em seu terminal de comando preferencial:

dotnet --list-sdks

Uma saída semelhante ao seguinte exemplo aparece:

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

Verifique se uma versão que começa com 8 está listada. Se nenhum estiver listado ou o comando não for encontrado, instale o SDK do .NET 8.0 mais recente.