NodeReact.NET

Nodereact.net

Library To Render React Library Components sur le côté du serveur avec C # ainsi que sur le client.

Caractéristiques

• Streaming, en attente de données, soupgnse et hydrateroot ... via le moteur personnalisé
• Haute performance
• Vraiment asynchrone

Migration à partir de reactjs.net

L'API reactjs.net est presque complètement compatible sauf

• Non pris en charge à la mode JSX à la compilation JavaScript (seulement ajouter à WithoutTransform)
• Fonctions de rendu non prises en charge (fonctionnalité reactjs.net v4)

1. Assurez-vous d'utiliser @Await Html.PartialAsync et @Await Html.Renderasync sur les vues CSHTML, les appels synchrones peuvent appliquer une application de blocage
2. Remplacer

• @ Html.react à @await html.reactasync
• @ Html.reactwithinit à @Await html.reactasync
• @ Html.reAtrouter à @Await html.reAtrouterasync

3. Enregistrez NODEREACT dans la collection de services, exemple ici

Assurez-vous que tout pack de serveur définit les variables globales pour réagir comme

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

Assurez-vous que Node.js est installé

Configurer javascript.nodejs pour l'exemple de débogage

 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;
    });

Que naviguer vers Chrome: // Inspecter / dans Chrome et cliquez sur "Ouvrir Dediated Devtools pour le nœud".

Pourquoi la compilation JSX à la volée n'est-elle pas prise en charge?

Nous ne prenons pas en charge la conversion JavaScript en temps réel. En effet, il existe de nombreux outils de construction différents, compilateurs, transpiles et langages de programmation, et les configurer tous n'est pas une tâche simple. Il est impossible de créer une solution de compilation à une taille unique qui est à la fois très performante et efficace. Au lieu de cela, nous vous suggérons de créer votre propre bundle de serveurs en examinant l'échantillon fourni dans notre référentiel.

Pourquoi les fonctions de rendu ne sont-elles pas prises en charge?

Je ne sais pas comment faire cela facilement et sans un impact significatif sur les performances. Si vous avez des idées, vous pouvez créer une demande de traction