Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hubcarl/egg-react-webpack-boilerplate

Egg React Server Side Render(SSR) / Client Sider Render(CSR)
https://github.com/hubcarl/egg-react-webpack-boilerplate

easywebpack egg egg-antd egg-react-server-side-render egg-react-ssr egg-webpack react react-html-render react-nunjucks-render react-redux react-redux-boilerplate react-redux-router react-server-render webpack

Last synced: 19 days ago
JSON representation

Egg React Server Side Render(SSR) / Client Sider Render(CSR)

Awesome Lists containing this project

README

        

# egg-react-webpack-boilerplate

基于 Egg + React + Webpack 服务端渲染 SSR (Server Side Render) 和 前端渲染 CSR (Client Side Render) 工程骨架项目。文档请见: [Egg + React 工程解决方案](https://www.yuque.com/easy-team/egg-react) 。

## 截图

![egg-react-ssr](https://github.com/easy-team/egg-react-webpack-boilerplate/blob/master/docs/images/egg-react-ssr.png)

![egg-react-admin](https://github.com/easy-team/egg-react-webpack-boilerplate/blob/master/docs/images/easy-react-admin.jpg)

### 骨架

> 功能性需求或者Bug问题, 欢迎大家 PR 完善, 如果你需要了解更多信息,请加QQ群: 433207205(备注:Node.js).

因该项目包含了多种实现, 提供多种例子实现,为防干扰, 特提供纯净版本用于实际项目开发, 请自行选用。

- [egg-react-webpack-boilerplate](https://github.com/easy-team/egg-react-webpack-boilerplate/tree/master/packages/egg-react-webpack-boilerplate) Egg + React 多种特性功能模板。
- [egg-react-webpack-mpa-boilerplate](https://github.com/easy-team/egg-react-webpack-boilerplate/tree/master/packages/egg-react-webpack-mpa-boilerplate) Egg + React 多页渲染模板。
- [egg-react-webpack-spa-boilerplate](https://github.com/easy-team/egg-react-webpack-boilerplate/tree/master/packages/egg-react-webpack-spa-boilerplate) Egg + React + React-Router + React 单页面服务端渲染模板。
- [egg-react-webpack-asset-boilerplate](https://github.com/easy-team/egg-react-webpack-boilerplate/tree/master/packages/egg-react-webpack-asset-boilerplate) Egg + React 前端 asset 渲染方案。
- [egg-react-webpack-html-boilerplate](https://github.com/easy-team/egg-react-webpack-boilerplate/tree/master/packages/egg-react-webpack-html-boilerplate) Egg + React 静态 HTML 渲染方案。
- [egg-react-typescript-boilerplate](https://github.com/easy-team/egg-react-typescript-boilerplate) Egg + React + TypeScript 项目。
- Egg + Rax SSR 多页面服务端渲染方案 [Rax](https://github.com/easy-team/egg-react-webpack-boilerplate/tree/rax)
- [res-awesome](https://github.com/easy-team/res-awesome) Egg + React 上层框架解决方案。

以上项目,你可以通过 [easywebpack-cli](https://github.com/easy-team/easywebpack-cli) 初始化。

## 文档

- https://easyjs.cn
- https://www.yuque.com/easy-team/egg-react
- https://zhuanlan.zhihu.com/easyjs

## 依赖

- [easywebpack](https://github.com/easy-team/easywebpack) ^5.0.0
- [easywebpack-react](https://github.com/easy-team/easywebpack-react) ^5.0.0
- [egg-view-react-ssr](https://github.com/easy-team/egg-view-react-ssr) ^5.0.0
- [egg-webpack](https://github.com/easy-team/egg-webpack) ^5.0.0
- [egg-webpack-react](https://github.com/easy-team/egg-webpack-react) ^2.0.0

![工程化](http://hubcarl.github.io/img/webpack/egg-webpack-react-ssr.png)

## 运行

```bash
npm run boot
npm run dev
```

```bash
cd packages/egg-react-webpack-boilerplate
npm install
npm run dev
```

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):



sky

💻 📖

jasonjcpeng

💻 📖

Kevin Zhong

💻 📖

HiuYanChong

💻 📖

Suyi

💻 📖

Roy Li

💻 📖

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## License

[MIT](LICENSE)