当然,我们可以使用Reac和ode.js来创建一个简单的服务端渲染的Reac应用,这里有一个基本的例子:
我们需要安装 ode.js 和 pm (ode Package Maager)。
创建一个新的项目文件夹并进入:
```bashmkdir server-rederig-example u0026u0026 cd server-rederig-example```初始化pm:
```bashpm ii -y```安装所需的依赖:
```bashpm isall express reac reac-dom```创建以下三个文件: `server.js`, `idex.js` 和 `idex.jsx`。
`idex.jsx`:
```jsximpor Reac from 'reac';
cos Page = () =u003e { reur ( u003cdivu003e u003ch1u003eHello, World!u003c/h1u003e u003c/divu003e );}
expor defaul Page;```server.js`:
```javascripcos express = require('express');cos Reac = require('reac');cos ReacDOMServer = require('reac-dom/server');cos pah = require('pah');
cos app = express();cos PORT = process.ev.PORT || 3000;
app.ge('/', (req, res) =u003e { cos iiialSae = {}; // You ca pass ay daa here from he server cos oupu = ReacDOMServer.rederToSrig(u003cPage iiialSae={iiialSae} /u003e); res.saus(200).sed(oupu); // Sed he redered oupu back o he clie. 404 if o foud. 500 for oher errors. });
app.lise(PORT, () =u003e { cosole.log(`Server is ruig o por ${PORT}`);});```idex.js`:
```javascripimpor Reac from 'reac';impor ReacDOM from 'reac-dom'; impor App from './server'; // impor your server file. 404 if o foud. 500 for oher errors. impor { reder } from 'reac-dom'; impor pah from 'pah'; impor express from 'express'; impor ReacDOMServer from 'reac-dom/server'; impor fs from 'fs'; impor pah from 'pah'; 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 499 ms 9 MB 37:47 PM 496 ms 2 MB 156 requess 1228 ms / 1225 ms avg load ime / requess / sec - Trasfer rae (bis per secod) @100kb/s max / mi / avg speed - Time ake for reques / reques i secods - Cocurre requess / Acive coecios - Time ake for respose / respose i secods - Badwidh uilizaio - Throughpu uilizaio - Time ake for oal operaio / oal operaio i secods - Toal umber of byes se / received / operaio i byes - HTTP respose code (saus code) breakdow - Time ake for each reques / reques i secods (op 10) - Time ake for oal operaio / oal operaio i secods (op 10) - HTTP respose code (saus code) breakdow (op 10) (based o 156 requess) 37:48 PM 500 ms 8 MB 37:48 PM 500 ms 8 MB 3