自前端框架（React,Vue,Angelar）出现以来，每个框架携带不同理念，分为三大阵营，以前使用JQuery的时代已经成为过去，以前每个页面就是一个HTML，引入相对应的JS、CSS，同时在HTML中书写DOM。正因为是这样，每次用户访问进来，由于HTML中有DOM的存在…

服务端渲染的一些优缺点这里就不说了，相信大家都已经非常清楚地知道了，本文意在讲述如何将一个简单的浏览器端渲染的 React SPA 循序渐进地升级为支持服务端渲染。 在搭建服务端渲染应用之前我们现在搭建一个基于浏览器端渲染的单页应用，该单页应用包含简单的路由功能。 会很明显的发…

next.js是react的同构库，用它可以快速搭建一个react服务端渲染的框架，相比于直接用react配置服务端渲染简单了不少。对于没写过SSR项目，想要尝试一下的同学是个挺好的选择。 本次项目基于cnode社区API，实现一个完整的SSR项目，主要的技术用到了React …

为了更方便的处理我们的样式，我们选择使用less来处理样式，并使用css modules。css modules很容易学，因为它的规则少，同时又非常有用，可以保证某个组件的样式，不会影响到其他组件。 安装less npm install less @zeit/next-less…

如果大家不了解 Gatsby 是什么，我这里简单介绍一下，它是一个基于 React 的静态页面构建工具。开发者通过编写页面模板（其实就是 React 组件）和配置文件，Gatsby 就能为指定的数据文件（可以是 Markdown 等）创建页面。 开发过程中我一直使用的是 ser…

前段时间寻思做个个人网站，然后就立马行动了。 个人网站如何实现选择什么技术方案，自己可以自由决定。 刚好之前有大致想过服务端渲染，加载速度快，还有 SEO 挺适合个人网站的。 所以就自己造了个轮子用 koa+react 来实现 SSR 服务端渲染。 最初听说有单页面的服务端渲染…

react-loadable已经好久没维护了，而且跟最新的webpack4+，还有babel7+都不兼容，还会有Deprecation Warning，如果你使用koa-web-kitv2.8及之前的版本的话，webpack build的时候会出现warning，而且可能还有一…

我们还可以自己写逻辑 通过context来处理302、404等。但这里我不需要。。。。。，为什么呢？ 我对路由的处理流程上面的思维导图有说明，就是在nginx中多配一个代理。 上面说server端初始化数据的时候还有一个登陆问题没说。 到这一步，访问域名，就能够正确展示服务端渲…

目前单页面应用（SPA）很是流行，同时也带了一些问题，如SEO不友好，首屏在网络较差的情况下加载慢。为了解决这些问题仿佛又回到了传统web开发模式上去了，回去是不可能的，已经入坑了是不可能回去的。React作为一个SPA应用开发框架同时也支持服务端渲染，本系列文章将从以下几点介…