NodeReact.NET

NodeeAct.net

Biblioteca para renderizar componentes da biblioteca React no lado do servidor com C#, bem como no cliente.

Características

• Streaming, aguardando dados, suspensão e hidrateroot ... Suporte via mecanismo de visualização personalizado
• Alto desempenho
• Verdadeiramente assíncrono

Migração de ReactJs.net

Reactjs.net API é quase completamente compatível, exceto

• Não suportado JSX on-the-fly para compilação JavaScript (apenas AddScriptWithoutTransform)
• Funções de renderização não suportadas (Recurso Reactjs.net V4)

1. Certifique -se de usar @await html.partialasync e @await html.renderasync em visualizações cshtml, chamadas síncronas podem deadlock aplicativo
2. Substituir

• @Html.react para @await html.reactasync
• @Html.reactwithinit para @await html.reactasync
• @Html.reactrouter para @await html.reactrouterasync

3. Registre -se nodereact na coleção de serviços, exemplo aqui

Certifique -se de que qualquer pacote do seu servidor defina variáveis ​​globais para reagir como

 global.React = require('react');
global.ReactDOM = require('react-dom');
global.ReactDOMServer = require('react-dom/server');

Verifique se você tem node.js instalado

Configurar javascript.nodejs para exemplo de depuração

 services.AddNodeReact(
    config =>
    {
        config.EnginesCount = 1;
        config.ConfigureOutOfProcessNodeJSService(o =>
        {
            o.NumRetries = 0;
            o.InvocationTimeoutMS = -1;
        });
        config.ConfigureNodeJSProcess(o =>
        {
            o.NodeAndV8Options = "--inspect-brk";
        });
        
        config.AddScriptWithoutTransform("~/server.bundle.js");
        config.UseDebugReact = true;
    });

Do que navegar para Chrome: // Inspecionar/no Chrome e clique em "Abra o devtools dedicado para o nó".

Por que a compilação JSX para JavaScript on-the-fly não é suportada?

Não apoiamos a conversão de JavaScript em tempo real. Isso ocorre porque existem muitas ferramentas de construção diferentes, compiladores, transpilers e linguagens de programação, e configurar todos eles não é uma tarefa simples. É impossível criar uma solução de compilação de tamanho único que seja de alto desempenho e eficiente. Em vez disso, sugerimos que você crie seu próprio pacote de servidor examinando a amostra fornecida em nosso repositório.

Por que as funções de renderização não são suportadas?

Não sei como fazer isso facilmente e sem um impacto significativo no desempenho. Se você tiver alguma idéia, pode criar uma solicitação de tração