NodeReact.NET

NODERACT.NET

라이브러리는 C# 및 클라이언트를 사용하여 서버 측의 React 라이브러리 구성 요소를 렌더링합니다.

특징

• 스트리밍, 데이터 대기, SURBNSE 및 HYDRATEROOT ... 사용자 정의보기 엔진을 통한 지원
• 고성능
• 정말 비동기

Reactjs.net에서 마이그레이션

Reactjs.net API는 거의 완전히 호환됩니다

• On-the-Fly JSX에서 JavaScript 컴파일에 지원되지 않음 (AddScriptWithOutTransform)
• 지원되는 렌더링 기능 (Reactjs.net v4 기능)

1. cshtml보기에서 @await html.partialasync 및 @await html.renderasync를 사용해야합니다.
2. 바꾸다

• @html.react to @await html.reactasync
• @html.reactwithinit to @await html.reactasync
• @html.reactrouter to @await html.reactrouterasync

3. 서비스 컬렉션에 NODERACT를 등록하십시오

서버 번들이 반응에 대한 글로벌 변수를 정의하는지 확인하십시오.

 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 열기"를 클릭하십시오.

즉석 JSX에서 JavaScript 컴파일이 지원되지 않는 이유는 무엇입니까?

실시간 JavaScript 변환을 지원하지 않습니다. 이는 다양한 빌드 도구, 컴파일러, 트랜스 필러 및 프로그래밍 언어가 있으며이를 구성하는 것이 간단한 작업이 아니기 때문입니다. 성능이 높고 효율적인 한 크기의 모든 컴파일 솔루션을 만드는 것은 불가능합니다. 대신 저장소에 제공된 샘플을 검사하여 자신의 서버 번들을 만들 것을 제안합니다.

렌더 기능이 지원되지 않는 이유는 무엇입니까?

나는 이것을 쉽게 수행하는 방법을 모르고 성능에 큰 영향을 미치지 않습니다. 아이디어가 있으면 풀 요청을 만들 수 있습니다.