NodeReact.NET

nodereact.net

ไลบรารีเพื่อแสดงส่วนประกอบไลบรารีที่ตอบสนองบนฝั่งเซิร์ฟเวอร์ด้วย C# และบนไคลเอนต์

คุณสมบัติ

• สตรีมมิ่ง, รอข้อมูล, suspnse และ hydrateroot ... รองรับผ่านเอ็นจิ้นมุมมองที่กำหนดเอง
• ประสิทธิภาพสูง
• async อย่างแท้จริง

การโยกย้ายจาก Reactjs.net

reactjs.net API นั้นเข้ากันได้เกือบทั้งหมดยกเว้น

• ไม่รองรับการรวบรวม JSX ไปยัง JavaScript (เฉพาะ addScriptWithOutTransform)
• ไม่รองรับฟังก์ชั่นเรนเดอร์ (คุณสมบัติ ReactJS.NET V4)

1. ตรวจสอบให้แน่ใจว่าคุณใช้ @await html.partialasync และ @await html.renderasync บนมุมมอง cshtml การโทรแบบซิงโครนัสสามารถลดลงแอปพลิเคชัน deadlock
2. แทนที่

• @html.react ถึง @await html.reactasync
• @html.reactwithinit ถึง @await html.reactasync
• @html.reactrouter ถึง @await html.reactrouterasync

3. ลงทะเบียน nodereact ในคอลเลกชันบริการตัวอย่างที่นี่

ตรวจสอบให้แน่ใจว่าชุดเซิร์ฟเวอร์ของคุณกำหนดตัวแปรทั่วโลกสำหรับปฏิกิริยาเช่น

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

ตรวจสอบให้แน่ใจว่าคุณติดตั้ง node.js

กำหนดค่า javascript.nodejs สำหรับตัวอย่างการดีบัก

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

กว่าการนำทางไปยัง Chrome: // ตรวจสอบ/ใน Chrome และคลิก "เปิด devtools เฉพาะสำหรับโหนด"

เหตุใดจึงไม่รองรับการรวบรวม JavaScript แบบ on-the-fly ถึง JavaScript

เราไม่สนับสนุนการแปลง JavaScript แบบเรียลไทม์ นี่เป็นเพราะมีเครื่องมือสร้างที่แตกต่างกัน, คอมไพเลอร์, transpilers และภาษาการเขียนโปรแกรมและการกำหนดค่าทั้งหมดไม่ใช่งานง่าย มันเป็นไปไม่ได้ที่จะสร้างโซลูชันการรวบรวมขนาดเดียวที่มีขนาดพอดีซึ่งมีทั้งประสิทธิภาพสูงและมีประสิทธิภาพ แต่เราขอแนะนำให้คุณสร้างชุดเซิร์ฟเวอร์ของคุณเองโดยตรวจสอบตัวอย่างที่ให้ไว้ในที่เก็บของเรา

เหตุใดจึงไม่รองรับฟังก์ชั่นการแสดงผล?

ฉันไม่รู้ว่าจะทำอย่างไรอย่างง่ายดายและไม่มีผลกระทบอย่างมีนัยสำคัญต่อประสิทธิภาพ หากคุณมีแนวคิดใด ๆ คุณสามารถสร้างคำขอดึง