WinmezzZ / react-ssr-template

Server side render with react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

从0开始 —— React 服务端渲染实战

已实现目标

  • 路由同构 (react-router-dom)
  • 数据同构 (redux)
  • 双端数据请求 (axios)
  • 异步加载 (loadable-component)

使用

$ git clone https://github.com/WinmezzZ/react-ssr-template
$ cd react-ssr-template
$ npm install
$ npm start

如何查看是否为服务端渲染?

右键网页查看网页源码,body内不是只有一个<div id="root">标签,并且页面和数据能对应上网页,即服务端渲染成功。

ps:若要使用ts,可以结合我另一个项目webpack-typescript-app进行参考

About

Server side render with react


Languages

Language:JavaScript 98.3%Language:CSS 1.7%