yc910920 / yog2-react-redux-demo

yog2与react-redux结合demo

yog2-react-redux-demo

由 react-redux examples 移植生成的适用于 YOG2的 react-redux demo

实现了 React 的前端编译与后端同构渲染

Usage

前置步骤包含启动 YOG2 服务端，可参考 YOG2文档

要求 YOG2 版本高于1.0.0，服务端 yog2-kernel 版本高于1.0.0

git clone https://github.com/hefangshi/yog2-react-redux-demo.git
cd yog2-react-redux-demo
cd client
npm i --production # 安装npm前端组件
cd ..
yog2 release debug # 发布至 YOG2 服务端

访问浏览器 http://127.0.0.1:8085 即可浏览发布结果

FAQ

Q: 是否可以在server目录中使用js后缀替代es后缀

A: 可以，在[email protected]之后，可以通过在fis-conf.js中添加 fis.enableES7() 在server 文件夹中启用js后缀文件支持 ES7 功能。

Q: 新项目如何使用 NPM / React

A: 仅需在原有的fis-conf.js中添加两句配置即可

// 按照 react-redux 的目录规范设置源代码目录
fis.match('/client/{actions,components,constants,containers,page,reducers,store}/**.{js,es,jsx,ts,tsx}', {
    parser: fis.plugin('typescript', {
        module: 1,
        target: 0
    }),
    isJsXLike: true,
    isMod: true
});

// 启用npm管理前端组件
fis.enableNPM({
    autoPack: true // 使用autoPack可以自动将依赖的npm组件打包合并
});

Q: 有些同构库如 isomorphic-fetch 无法使用，报加载错误

A: 由于 YOG2 框架的前后端同构策略是直接加载前端编译产出，而 isomorphic-fetch 库的前端代码在加载期就包含了对浏览器端的强依赖，因此无法使用，建议使用axios