Umi: Provide umi 3 project using Ssr + Redux below the examples directory

[ozkanonur]

What is the right way, best practices of running umi project with redux, redux persist and running ssr enabled ? There is documentation or no examples about it. It would be super nice if this is doable from maintainers. Please show us the best practices of it.

[ycjcl868]

Why not use @umijs/plugin-dva？

[ozkanonur]

Because dva has its own standarts, I want to keep pure Redux and my project is pretty large so I dont want to refactor my whole state management.

[ozkanonur]

Also, just like umi and antd, Dva has too much documentation issues. Everything is Chinese, its hard to understand things via Google translate.

[sajjadshahi]

+1 for SSR example with antd

[ozkanonur]

+1 for SSR example with antd

If you use antd, the SSR does not work with the routes logic of Antd.

In Antd you use layouts below the absolute path like in this link. But umi takes them as a page, anything below that layouts does never render from server.

[ozkanonur]

Note: The usage in screenshot below is from Umi docs. This routing does not work with SSR.

Branching with layout components in routes brokes the SSR somehow @ycjcl868

[sajjadshahi]

Note: The usage in screenshot below is from Umi docs. This routing does not work with SSR.

Branching with layout components in routes brokes the SSR somehow @ycjcl868

What about wrapping the pages with the layout component.

<MyLayout> <div> Here is my page at /user/login </div> </MyLayout>

[ozkanonur]

Note: The usage in screenshot below is from Umi docs. This routing does not work with SSR.

Branching with layout components in routes brokes the SSR somehow @ycjcl868

What about wrapping the pages with the layout component.

<MyLayout> <div> Here is my page at /user/login </div> </MyLayout>

That's also my workaround plan, I just wanted to share that ssr does not work naturally with umi routes which includes layoutings.

[github-actions[bot]]

Hello @ozkanonur. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please be sure to fill in the default template in the Pull Request, provide changelog/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @ozkanonur，我们完全同意你的提议/反馈，欢迎直接在此仓库创建一个 Pull Request 来解决这个问题。请务必填写 Pull Request 内的预设模板，提供改动所需相应的 changelog、测试用例、文档等，并确保 CI 通过，我们会尽快进行 Review，提前感谢和期待您的贡献。