react、rematch、ssr脚手架启动套件

简介: react-ssr-startkit是一个基于React、Rematch(Redux)、Scss的服务端渲染脚手架,目的是为了快速启动一个项目,为业务开发多争取更多的时间而不是浪费太多的时间在基础设施上。

react-ssr-startkit是一个基于React、Rematch(Redux)、Scss的服务端渲染脚手架,目的是为了快速启动一个项目,为业务开发多争取更多的时间而不是浪费太多的时间在基础设施上。

支持以下特性:

  1. 热更新
  2. 服务端渲染
  3. 单元测试
  4. Lint
  5. logger

rematch是redux的封装,帮你减掉了action和reducer的样板代码,同时处理异步也方便了许多。学习成本也非常低!在整合rematch做服务端渲染的时候有一点点不一样的地方就在于action的声明方式变了。

以前组件给服务端暴露action的的方式

// client
import { someAction } from './actions'
class Home extends React.Component {

}

Home.serverFetch = someAction

// server
dispatch(comp.serverFetch)

现在

// client
class Home extends React.Component {
// some logic
}

Home.serverFetch = {type: 'mode/someAction', payload: 1}

// server
 const {type, payload} = comp.serverFetch;
 dispatch({type, payload});

使用

git clone https://github.com/zedwang/react-ssr-startkit.git
cd react-ssr-startkit
npm install
npm start
目录
相关文章
|
6月前
|
前端开发
React-脚手架
React-脚手架
43 0
|
3月前
|
缓存 前端开发 JavaScript
第二十八章 React脚手架配置代理
第二十八章 React脚手架配置代理
|
3月前
|
前端开发 测试技术 程序员
第十五章 react脚手架
第十五章 react脚手架
|
9月前
|
缓存 JavaScript 前端开发
Windows7压缩包安装node.js 报错提示windows Server 2012 R2 和安装React脚手架 最详细教程
对于Windows 7安装node.js 提示“This application is only supported on wWindows 8.1,windows Server 2012 R2, or higher.”类似这种情况的,该问题是因为node.js官方在 x12版本后就不支持win7系统了。
|
6月前
|
前端开发 应用服务中间件 nginx
简单几步,将React项目脚手架Webpack换成Vite⚡⚡,附带性能比较和思考
简单几步,将React项目脚手架Webpack换成Vite⚡⚡,附带性能比较和思考
|
7月前
|
缓存 前端开发 JavaScript
React | React脚手架解析
React | React脚手架解析
|
8月前
|
数据采集 JavaScript 前端开发
对React SSR的理解(Server-Side-Rendering)
对React SSR的理解(Server-Side-Rendering)
|
编解码 前端开发 JavaScript
【长文慎入】一文吃透React SSR服务端同构渲染
前段时间一直在研究 react ssr技术,然后写了一个完整的 ssr开发骨架。今天写文,主要是把我的研究成果的精华内容整理落地,另外通过再次梳理希望发现更多优化的地方,也希望可以让更多的人少踩一些坑,让更多的人理解和掌握这个技术。 相信看过本文(前提是能对你的胃口,也能较好的消化吸收)你一定会对 react ssr服务端渲染技术有一个深入的理解,可以打造自己的脚手架,更可以用来改造自己的实际项目,当然这不仅限于 react ,其他框架都一样,毕竟原理都是相似的。
1194 0
|
10月前
|
缓存 JavaScript 前端开发
|
12月前
|
XML 前端开发 JavaScript
React——01安装脚手架以及渲染标签
安装脚手架以及渲染标签
102 0