这⼀次彻底弄懂:React 服务端渲染

1、前言

在前端项目需要首屏渲染速度优化或SEO的场景下,大家或多或少都听过到过服务端渲染( SSR ),但大多数人对服务端渲染具体实现和底层原理还是比较陌生的。本文基于公司官网开发时做了服务端渲染改造基础上,系统理解和梳理这套体系的模式和逻辑,并写了一些笔记和Demo(文后链接)便于深入理解。这次我们来以React为例,把服务端渲染彻底讲弄明白。本文主要有以下内容:

  • 什么是服务端渲染,与客户端渲染的区别是什么?
  • 为什么需要服务端渲染,服务端渲染的利弊是什么?
  • 服务端渲染的原理是什么?
  • 如何对React项目进行同构?
  • react服务端渲染的一些框架
  • 服务端渲染一些新的API

1.1 什么是服务端渲染?

服务端渲染, SSR (Server-side Rendering) ,顾名思义,就是在浏览器发起页面请求后由服务端完成页面的HTML结构拼接,返回给浏览器解析后能直接构建出有内容的页面。

用 node 实现一个简单的 SSR

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章