1、react 服務端渲染啟動文件server怎麼寫
React 提供了兩個方法 renderToString 和 renderToStaticMarkup 用來將組件（ DOM）輸出成 HTML 字元串，這是 React 伺服器端渲染的基礎，它移除了伺服器端對於瀏覽器環境的依賴，所以讓伺服器端渲染變成了一件有吸引力的事情。
伺服器端渲染除了要解決對瀏覽器環境的依賴，還要解決兩個問題：
前後端可以共享代碼
前後端路由可以統一處理
React 生態提供了很多選擇方案，這里我們選用 Rex 和 react-router 來做說明。
Rex
Rex 提供了一套類似 Flux 的單向數據流，整個應用只維護一個 Store，以及面向函數式的特性讓它對伺服器端渲染支持很友好。
2 分鍾了解 Rex 是如何運作的
關於 Store：
整個應用只有一個唯一的 Store
Store 對應的狀態樹（State），由調用一個 recer 函數（root recer）生成
狀態樹上的每個欄位都可以進一步由不同的 recer 函數生成
Store 包含了幾個方法比如 dispatch, getState 來處理數據流
Store 的狀態樹只能由 dispatch(action) 來觸發更改
Rex 的數據流：
action 是一個包含 { type, payload } 的對象
recer 函數通過 store.dispatch(action) 觸發
recer 函數接受 (state, action) 兩個參數，返回一個新的 state
recer 函數判斷 action.type 然後處理對應的 action.payload 數據來更新狀態樹
所以對於整個應用來說，一個 Store 就對應一個 UI 快照，伺服器端渲染就簡化成了在伺服器端初始化 Store，將 Store 傳入應用的根組件，針對根組件調用 renderToString 就將整個應用輸出成包含了初始化數據的 HTML。
react-router
react-router 通過一種聲明式的方式匹配不同路由決定在頁面上展示不同的組件，並且通過 props 將路由信息傳遞給組件使用，所以只要路由變更，props 就會變化，觸發組件 re-render。
假設有一個很簡單的應用，只有兩個頁面，一個列表頁 /list 和一個詳情頁 /item/:id，點擊列表上的條目進入詳情頁。
可以這樣定義路由，./routes.js
import React from 'react';
import { Route } from 'react-router';
import { List, Item } from './components';
// 無狀態（stateless）組件，一個簡單的容器，react-router 會根據 route
// 規則匹配到的組件作為 `props.children` 傳入
const Container = (props) => {
return (
<div>{props.children}</div>
);
};
// route 規則：
// - `/list` 顯示 `List` 組件
// - `/item/:id` 顯示 `Item` 組件
const routes = (
<Route path="/" component={Container} >
<Route path="list" component={List} />
<Route path="item/:id" component={Item} />
</Route>
);
export default routes;
2、react服務端渲染，css樣式問題如何解決
一原因與思路
客戶端渲染路線：1. 請求一個html -> 2. 服務端返回一個html -> 3. 瀏覽器下載回html裡面的答js/css文件 -> 4. 等待js文件下載完成 -> 5. 等待js載入並初始化完成 -> 6. js代碼終於可以運行，由js代碼向後端請求數據( ajax/fetch ) -> 7. 等待後端數據返回 -> 8. react-dom( 客戶端 )從無到完整地，把數據渲染為響應頁面
服務端渲染路線：2. 請求一個html -> 2. 服務端請求數據( 內網請求快 ) -> 3. 伺服器初始渲染（服務端性能好，較快） -> 4. 服務端返回已經有正確內容的頁面 -> 5. 客戶端請求js/css文件 -> 6. 等待js文件下載完成 -> 7. 等待js載入並初始化完成 -> 8. react-dom( 客戶端 )把剩下一部分渲染完成( 內容小，渲染快 )
說明：對同一個組件，服務端渲染「可視的」一部分( render/componentWillMount部分代碼 )，為確保組件有完善的生命周期及事件處理，客戶端需要再次渲染。即：服務端渲染，實際上也是需要客戶端進行 再次地、但開銷很小的二次渲染。
3、react.js在伺服器端渲染有什麼好處？渲染是怎麼個流程
1.
有些回答中提到CPU負載和node.js效率問題。伺服器端渲染固然耗CPU，但可以使用伺服器端緩存的方式解決，並不是每個用戶訪問都需要重新渲染一
遍。而且伺服器端渲染甚至可以潛在地增加伺服器效率（這點在參考資料第二個里有提到，不過是純英文的，我有空會翻譯下）。
2. 伺服器端和客戶端可以共享某些代碼，避免重復定義。這樣可以使結構更清晰，增加可維護性
3. 首次載入頁面的速度加快。客戶端渲染的一個缺點是，當用戶第一次進入站點，此時瀏覽器中沒有緩存，需要下載代碼後在本地渲染，時間較長。而伺服器渲染則是，用戶在下載的已經是渲染好的頁面了，打開速度比本地渲染快。
4. SEO。伺服器端渲染可以讓搜索引擎更容易讀取頁面的meta信息以及其他SEO相關信息，大大增加網站在搜索引擎中的可見度。
其實並不一定要爭個好壞，伺服器端和客戶端渲染各有各的優缺點。建議根據實際需求，在某些頁面使用伺服器渲染，某些頁面使用客戶端渲染，以達到最佳解決方案。
4、React如何從後端獲取數據並渲染到前端
React.js 自己的定位是「A JavaScript Library for building user interface」，它的文檔稱許多人將它用作 MVC 的 V。因此，React.js 不關心你是如何嵌入後端數據的。換句話說，我們怎麼使用一個標準的 HTML 元素和後端打交道，就可以把同樣的思路運用在 React.js 創造的組件上。
比如，一個 input，可以：
<input id="name" name="name" value="<?=$name?>">
的方式從 PHP 得到變數 $name。
一個 React.js 組件也可以形如：
ReactDOM.render(React.createElement(HelloMessage, { name: "<?=$name?>" }), mountNode);
用標准元素你可以用 AJAX 得到一個值然後（比如用 jQuery 去）操作：
$.ajax(...)
.done(function(data){
$('#name').val(data.name);
});
用 React.js 時，同樣可以在 AJAX 返回時使用你自己定義的方法去更新組件。
關於維護 JSON 信息麻煩的事情，怎麼會呢？在 PHP 中 echo $var; 和 echo json_encode($var); 的麻煩程度是一個量級的。
5、Php能做react的服務端渲染嗎
extract($_POST);extract($_GET);(注意extract($_SESSION)前必須要有Session_Start()).我這個也是在後盾人學會的，樓主不清晰有可以去後盾人自學內，好像去學習包容宿
6、react服務端渲染 客戶端發送ajax請求怎麼處理
端渲染copy的原理是服務端完成渲染之後，JS在客戶端再次執行時發現已經存在相同的元素，所以不會再次渲染
2、比如說這樣一個場景，訪問某個地址時，服務端先請求介面獲得數據然後傳給react組件，然後renderToString再插到頁面中，返回頁面，但是JS在客戶端再次執行時是沒有這些數據的，所以會將前面服務端根據數據生成的這些元素刪掉，這個問題怎麼解決啊，求助大神
添加評論 分享
7、求一款web前端框架，開發react，要同時支持spa單頁和ssr伺服器渲染，支持typescript，最好帶有完整的Demo
react-coat
react-coat 特點
集成 react、rex、react-router、history 等相關框架
僅為以上框架的糖衣外套，不改變其基本概念，回無強侵入與破壞性
結構化答前端工程、業務模塊化，支持按需載入
同時支持 SPA(單頁應用)和 SSR(伺服器渲染)
使用 typescript 嚴格類型，更好的靜態檢查與智能提示
開源微框架，源碼不到千行，幾乎不用學習即可上手
這款可以滿足你，帶完整Demo示例
8、如何使用服務端渲染加速React APP首屏載入
渲染加速有2種實現可能：
1、AMD載入，
2、CMD載入。
CMD和AMD都是模塊載入規范，都支持非同步載入。對於依賴的模塊，AMD 是提前執行，CMD 是延遲執行。當在伺服器端渲染網站的時候，可以採取首頁載入，就近延遲，這樣就不用一次性渲染整個網站的組件，首頁載入的時候，需要考慮組件載入的順序和關聯，如果把需要的插件載入到組件上面，比如你用到了jquery或者rex，你只需要require需要的那個插件文件，根據顯示的效果，採取一定的順序渲染組件，在現在普遍情況下的網速來看，只是先載入首頁不會很慢。
9、reactjs在伺服器端渲染有什麼好處？渲染是怎麼個流程
服務端渲染與react沒有直接關系,你可以理解為服務端渲染時一段js，引入到react或者vue裡面都能使用，不引入也沒關系。 使用服務端渲染的場景是當我們要求渲染時間盡量快、頁面響應速度快時（優點），才會採用伺服器渲染，並且應該「按需」對頁面進reactjs在伺服器端渲染有什麼好處？渲染是怎麼個流程