NodeReact.NET

NodeAct.net

Bibliothek zum Rendern von Bibliothekskomponenten auf der Serverseite mit C# sowie auf dem Client.

Merkmale

• Streaming, Warten auf Daten, Sprengung und Hydrateroot ... Unterstützung über benutzerdefinierte Ansichtsmotor
• Hohe Leistung
• Wirklich asynchron

Migration von Reactjs.net

Reactjs.net API ist fast vollständig kompatibel, außer dass

• Nicht unterstützt JSX für die JavaScript-Kompilierung nicht (nur addscriptwithouttransform)
• Nicht unterstützte Renderfunktionen (Reactjs.net V4 -Funktion)

1. Vergewissern Sie sich
2. Ersetzen

• @Html.react an @Await html.reactasync
• @Html.reactwitHinit an @Await html.reactasync
• @Html.reactrouter an @Await html.reacrouterasync

3. Registrieren Sie Nodereact in Service Collection, Beispiel hier

Stellen Sie sicher, dass jedes Ihr Server -Bundle globale Variablen für reagieren

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

Stellen Sie sicher, dass Sie Node.js installiert haben

Konfigurieren Sie JavaScript.nodeJS für Debug -Beispiel

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

Navigieren Sie zu Chrome: // in Chrome inspizieren und klicken Sie auf "Dedizierte Devtools für den Knoten öffnen".

Warum wird JSX für die JavaScript-Kompilierung nicht im Fliege nicht unterstützt?

Wir unterstützen keine Echtzeit-JavaScript-Konvertierung. Dies liegt daran, dass es viele verschiedene Build -Tools, Compiler, Transpiler und Programmiersprachen gibt, und das Konfigurieren dieser alle ist keine einfache Aufgabe. Es ist unmöglich, eine einheitliche Kompilierungslösung zu erstellen, die sowohl leistungsstark als auch effizient ist. Stattdessen empfehlen wir Ihnen, Ihr eigenes Serverpaket zu erstellen, indem Sie das in unserem Repository bereitgestellte Beispiel untersuchen.

Warum werden Renderfunktionen nicht unterstützt?

Ich weiß nicht, wie man das und ohne erhebliche Auswirkungen auf die Leistung macht. Wenn Sie Ideen haben, können Sie eine Pull -Anfrage erstellen