简介 #

什么是 Midway-React-SSR？ #

midway-react-ssr（Github、Gitee） 是一个前台前端 React SSR 解决方案，它基于Midway、React18.x、React-router、React.createContext、Ant Design、Vite、Webpack 等前端前沿技术实现。简单、易学易用、方便扩展，相信不管你的需求是什么，本项目都能帮助到你。

Midway 介绍 #

Midway 是阿里巴巴 - 淘宝前端架构团队，基于渐进式理念研发的 Node.js 框架，通过自研的依赖注入容器，搭配各种上层模块，组合出适用于不同场景的解决方案。

Midway 基于 TypeScript 开发，结合了 面向对象（OOP + Class + IoC） 与 函数式（FP + Function + Hooks）两种编程范式，并在此之上支持了 Web / 全栈 / 微服务 / RPC / Socket / Serverless 等多种场景，致力于为用户提供简单、易用、可靠的 Node.js 服务端研发体验。

官方文档

React 介绍 #

React 是一个用于构建用户界面的 JAVASCRIPT 库。

React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。

React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。

React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

官方文档

易学易用 #

基于 React 18、Midway 和 TypeScript 等组装；如果你已经熟悉React、Midway，不需要再学习，开箱即用。

方便扩展 #

框架只是把 React 和 Midway 进行组装，并没有独立封装成为底层插件，所有源代码一目了然，更方便二次开发与扩展。

Node.js 后端框架集成 #

采用与Midway Node.js框架集成，这样更有利于后期开发，你可以选择在react中与其他后端对接，也可以选择Midway作为请求中间层，更可以选择集成前后端自成一体。

前序准备 #

在开始之前，如果你没有学习这些： Midway、React18.x 、React-router、Ant Design、 Axios、 ES2015+ 、 TypeScript 请先学习，并且了解 Vite、Webpack ，因为本项目技术栈都是基于它们。

你需要在本地安装 node >=14.18.0 和 git。

本项目不支持低版本浏览器(如 ie)

Contribution #

本文档项目地址 midway-react-ssr-docs 基于 vitepress开发。

有任何修改和建议都可以该项目 pr 和 issue

midway-react-ssr 还在持续迭代中，逐步沉淀和总结出更多功能和相应的实现代码，本项目也十分期待你的参与和反馈。

捐赠 #

如果你觉得这个项目帮助到了你，请帮助 ，你也可以请作者喝咖啡表示鼓励.

ALIPAY	WECHAT