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 de servidor Blazor e Blazor WebAssembly.

Cenário de exemplo

Vamos supor que você trabalhe para uma empresa de consultoria, na qual você cria aplicativos 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 ser capaz de reutilizar esses recursos entre aplicativos.

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

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

O que você vai fazer?

Neste módulo, você criará uma biblioteca de classes razor para atingir as seguintes metas:

  • Apresentar 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 é a meta principal?

Ao final do módulo, você poderá criar um componente de janela modal que pode compartilhar e personalizar 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.