Questão de Programação — .Net — VUNESP 2026

Diretiva @rendermode no Blazor (.NET 8)

Gabarito: letra B. A diretiva @rendermode no Blazor do .NET 8 define onde um componente é renderizado (servidor ou cliente) e se ele é interativo. Ela controla o modo de renderização, que determina se o componente é estático (HTML puro) ou interativo (com capacidade de manipular eventos e atualizar a UI), e onde essa interatividade é executada.

A diretiva @rendermode é um recurso central do modelo de renderização do Blazor no .NET 8, que unificou os antigos modelos de hospedagem (Blazor Server e Blazor WebAssembly) em um único modelo de aplicação. Ela permite que você especifique, por componente, como ele deve ser renderizado e onde sua lógica interativa deve rodar. Os modos principais são:

• InteractiveServer: o componente é renderizado no servidor e a interatividade é gerenciada por uma conexão SignalR em tempo real. Cada ação do usuário é enviada ao servidor, que processa e devolve as atualizações da UI.

• InteractiveWebAssembly: o componente é renderizado no servidor (pré-renderizado) e depois "hidratado" no cliente, onde a interatividade passa a ser executada inteiramente no navegador via WebAssembly.

• InteractiveAuto: combina os dois modos. Inicialmente, o componente usa o modo Server (para carregamento rápido) e, após o download do WebAssembly, passa a usar o modo WebAssembly.

• Static (ou ausência da diretiva): o componente é renderizado como HTML estático, sem interatividade.

A diretiva pode ser aplicada em três níveis: globalmente (no arquivo App.razor), por componente (na definição do componente) ou por instância (no uso do componente). Essa flexibilidade permite otimizar o desempenho e a experiência do usuário, escolhendo o modo mais adequado para cada parte da aplicação.

A pegadinha desta questão é que a banca tenta confundir o candidato com conceitos de outras áreas do desenvolvimento web, como gráficos 3D, dimensões de layout, compatibilidade de navegadores e paleta de cores. Nenhuma dessas alternativas tem relação com o propósito real da diretiva, que é exclusivamente sobre o local de renderização e a interatividade.

Guarde o par local de renderização × interatividade: é exatamente essa combinação que a alternativa correta espelha e que as demais tentam distorcer.

Alternativa A — ❌ Incorreta

Afirma que a diretiva define se a página usará elementos gráficos 3D ou 2D. Isso não tem relação com o @rendermode. Gráficos 3D ou 2D são renderizados por tecnologias como WebGL, Canvas ou bibliotecas como Three.js, e não são controlados por essa diretiva. O @rendermode trata apenas do local de renderização do componente e sua interatividade.

Alternativa B — ✅ Correta ⟵ GABARITO

Esta é a definição correta. A diretiva @rendermode especifica onde o componente é renderizado (servidor ou cliente) e se ele é interativo. No .NET 8, os modos InteractiveServer, InteractiveWebAssembly e InteractiveAuto definem exatamente isso: o local da execução da lógica interativa e o comportamento do componente.

Alternativa C — ❌ Incorreta

Afirma que a diretiva define a largura e a altura, em pixels, de um componente. Isso é função de CSS (Cascading Style Sheets), que controla o layout e as dimensões dos elementos na interface. O @rendermode não tem nenhuma relação com dimensões visuais.

Alternativa D — ❌ Incorreta

Afirma que a diretiva define a lista de navegadores suportados pela aplicação. A compatibilidade com navegadores é uma preocupação de desenvolvimento, mas não é controlada por essa diretiva. O @rendermode não define quais navegadores são suportados; isso é determinado pelas tecnologias utilizadas e pelas configurações do projeto.

Alternativa E — ❌ Incorreta

Afirma que a diretiva define a paleta de cores a ser utilizada na renderização. Isso é função de CSS, que define cores através de propriedades como color e background-color. O @rendermode não tem relação com cores ou mapeamento de códigos numéricos para cores.

Gabarito: letra B