An open API service indexing awesome lists of open source software.

https://github.com/ihtml5/ssr

基于create-react-app 2.0等最新前端技术框架的react同构渲染模版,支持热更新,redux等
https://github.com/ihtml5/ssr

create-react-app express koa2 nextjs nodejs react reactdom

Last synced: 3 months ago
JSON representation

基于create-react-app 2.0等最新前端技术框架的react同构渲染模版,支持热更新,redux等

Awesome Lists containing this project

README

          

# ssr
基于create-react-app 2.0等最新前端技术框架的react同构渲染模版,支持热更新,redux等.

## 一、Usage
> 1. 客户端渲染启动方式 2. 服务端渲染启动方式

1. tnpm i && tnpm start
2. tnpm i && tnpm run server

## 二、Framework

1. Express v4 => nodejs web框架
2. ejs@latest => 模版引擎
3. React@latest => 前端框架,服务端和客户端都可以渲染
4. Redux@latest => 数据管理框架
5. Redux-thunk@latest => 数据管理中间件
6. create-react-app v2 => 前端快速开发脚手架
7. webpack-dev-middleware@latest => webpack本地开发插件
8. webpack-hot-middleware@latest => webpack热更新插件

## 三、Articles
> 相关文章

1. [服务端渲染与 Universal React App](https://zhuanlan.zhihu.com/p/30580569)
2. [Building Server-rendered React Apps with NextJS](https://medium.com/@tilomitra/building-server-rendered-react-apps-with-nextjs-40313e978cb4)
3. [koa2 + webpack 热更新](https://www.cnblogs.com/liuyt/p/7217024.html)
4. [Running React Router v4, Redux Saga, SSR and Code Splitting together](https://marmelab.com/blog/2017/10/17/code-splitting.html)
5. [苏宁Nodejs性能优化实战](http://www.infoq.com/cn/articles/suning-nodejs-performance-optimization)
6. [beidou articles](https://github.com/alibaba/beidou/blob/master/packages/beidou-docs/articles/high-performance-isomorphic-app.md)
7. [nodejs guides](https://nodejs.org/en/docs/guides/)
8. [使用next.js完成从开发到部署](https://juejin.im/post/5b08078b51882538ad3f163d)
9. [使用Next.js构建React服务端渲染应用](https://segmentfault.com/a/1190000015578803)
10. [React服务端渲染(项目搭建)](https://juejin.im/post/5bbc3d875188255c451ec659)
11. [React服务端渲染(前后端路由同构)](https://juejin.im/post/5bbedfca5188255c5e670682)
12. [React服务端渲染(代码分割和数据预取)](https://juejin.im/post/5bc59e995188255c352d88e1)

## 四、Projects
> 相关项目

1. [react-next](https://github.com/react-love/react-next)
2. [react-koa2-ssr](https://github.com/yangfan0095/react-koa2-ssr)
3. [react-ssr](https://github.com/code-mcx/react-ssr)