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
目录
相关文章
|
前端开发
React-脚手架
React-脚手架
110 0
|
3月前
|
前端开发 JavaScript 搜索推荐
一文 Next / React / SSR / SSG / CSR 扫盲
一文 Next / React / SSR / SSG / CSR 扫盲
136 6
|
6月前
|
前端开发
React | 修改React脚手架的默认端口号?
React | 修改React脚手架的默认端口号?
180 64
|
5月前
|
XML 前端开发 JavaScript
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
这篇文章是React的学习笔记,覆盖了从React的基础用法到高级特性,包括组件化、状态管理、生命周期、虚拟DOM等主题,适合React初学者参考。
149 0
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
|
4月前
|
前端开发 JavaScript
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
|
4月前
|
前端开发 JavaScript 测试技术
React Server Side Rendering (SSR) 详解
【10月更文挑战第19天】React Server Side Rendering (SSR) 是一种在服务器端渲染 React 应用的技术,通过在服务器上预先生成 HTML 内容,提高首屏加载速度和 SEO。本文从概念入手,逐步探讨 SSR 的实现步骤、常见问题及解决方案,并通过代码示例进行说明。
621 3
|
6月前
|
前端开发 NoSQL MongoDB
React技术栈-基于react脚手架编写评论管理案例
这篇文章介绍了在MongoDB中使用sort和投影来对查询结果进行排序和限制返回的字段,通过具体的命令示例展示了如何实现这些操作。
74 6
React技术栈-基于react脚手架编写评论管理案例
|
6月前
|
前端开发 JavaScript
React技术栈-react的脚手架创建应用案例
本文介绍了如何使用React的官方脚手架工具create-react-app快速创建React项目,并展示了项目的目录结构和基本的代码文件,以及如何启动和运行React应用。
53 2
|
7月前
|
前端开发 JavaScript 中间件
React脚手架create-react-app简介
【8月更文挑战第13天】React脚手架create-react-app简介
330 4
|
8月前
|
资源调度 前端开发 C++
react环境搭建,及脚手架使用
react环境搭建,及脚手架使用
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等