Introdução às bibliotecas de classes do Razor

  • 1 minuto

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

Diagrama mostrando uma biblioteca de classes Razor sendo usada na instância do servidor Blazor e Blazor WebAssembly.

Cenário de exemplo

Vamos supor que você trabalhe para uma empresa de consultoria, onde você constrói aplicações web para vários clientes. Você tem uma coleção de recursos da Web, como componentes de janela modal, que você disponibiliza para seus clientes. Para economizar tempo, você deseja poder reutilizar esses recursos em todos os aplicativos.

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

Captura de tela de um exemplo de componente de janela modal que pode ser compartilhado entre aplicativos Blazor.

O que vais fazer?

Neste módulo, você cria uma biblioteca de classes do Razor para atingir as seguintes metas:

  • Apresente uma caixa de diálogo modal com temas padrão.
  • Use e personalize a caixa de diálogo modal em um aplicativo Blazor.
  • Empacote a caixa de diálogo da janela modal para uso com outros aplicativos.

Qual é o principal objetivo?

No final do módulo, você pode projetar um componente de janela modal que você pode compartilhar e personalizar em outros aplicativos Blazor.

Pré-requisitos

  • Familiaridade com desenvolvimento web HTML, CSS e JavaScript.
  • Capacidade iniciante de escrever código C#.
  • O SDK do .NET 8.0 foi instalado.
  • Um ambiente de desenvolvimento integrado (IDE). Este módulo usa Visual Studio Code.

Observação

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

Este módulo usa o SDK do .NET 8.0. Certifique-se de ter o .NET 8.0 instalado executando o seguinte comando no seu terminal de comando preferido:

dotnet --list-sdks

Aparece uma saída semelhante ao exemplo a seguir:

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

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