博客 / 列表

前端向後 - 魚和熊掌兼得：Next.js 混合渲染

寫在前面 React 生態中，SSR 支持做得最好的可能是 Next.js，但 SSR 並不是Next.js的全部，只是其提供的預渲染支持之一： SSG（Static Site Generation/Static Generation）：靜態生成，在編譯時生成靜態 HTML SSR（Server-Side Rendering）：服務端渲染，用户請求到來時動態生成 HTML 通過各種方式在

服務端渲染 , 前端框架 , ssr , 前端

前端向後 - 從 Next.js 看企業級框架的 SSR 支持

一.Next.js 簡介 The React Framework for Production 面向生產使用的 React 框架（廢話）。提供了好些開箱即用的特性，支持靜態渲染/服務端渲染混用、支持 TypeScript、支持打包優化、支持按路由預加載等等： Next.js gives you the best developer experience with all the features

服務端渲染 , 前端框架 , ssr , Javascript

前端向後 - 4圖看懂React SSR中的hydrate

React CSR：水車模型 當初在理解 React CSR 時做過一個比喻，把單向數據流比作瀑布模型： 瀑布模型：由props（水管）和state（水源）把組件組織起來，組件間數據流向類似於瀑布。數據流向總是從祖先到子孫（從根到葉子），不會逆流 （摘自深入 React） 單組件的微觀視角下，我們把props理解為水管（數據通道），接收外部傳遞進來的數據（水），每一份state都是一處水源（

react , 服務端渲染 , ssr

前端向後 - ES6 Proxy 在 Immer 中的妙用

寫在前面 Immer結合 Copy-on-write 機制與 ES6 Proxy 特性，提供了一種異常簡潔的不可變數據操作方式： const myStructure = { a: [1, 2, 3], b: 0 }; const copy = produce(myStructure, () = { // nothings to do }); const modified = produ

ecmascript-6 , 代理 , immutable-js , 代理模式

前端向後 - 理想的JavaScript不可變數據結構

一.簡介 Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way. Immer提供了一種更方便的不可變狀態操作方式 二.核心優勢 其方便之處主要體現在： 只有一個（核心）API：produce(currentState,

vue.js , redux , immutable-js