这是一个创建于 3277 天前的主题，其中的信息可能已经有所发展或是发生改变。
写一个网页，显示的内容是不变的，但是根据某些条件，网页的布局会发生变化，总共有 7 ～ 8 种可能吧。
我目前的想法是把网页中不变的元素封装成一个个 container 或者 component ，然后根据这些不同的条件，写 7 ～ 8 个大的 container 包含所有页面元素，对应这些不同的布局。比如把 sidebar 封装成一个 container ，有的页面把 sidebar 放左边，有的页面把 sidebar 放右边。当用户请求时，根据条件，渲染对应的页面布局。
总感觉会有更加简单的方法，请问各位怎么看？
 | 1 dtysky 2016-10-20 10:47:24 +08:00 react-router + inline-style |
 | 2 kenshinhu 2016-10-20 10:50:40 +08:00 同求 React + Flux Best Practice |
 | 3 hansnow 2016-10-20 11:35:14 +08:00 能想到的和你说的一样，同期待最佳实践 |
 | 4 jaimezhan 2016-10-20 12:00:20 +08:00 直接将布局写好后，用 redux 提供的 store 来控制各个布局层的展示就好了 |
 | 5 reus 2016-10-20 12:03:48 +08:00 没有更简单的，这种就是最佳做法了。也不用什么 router 。 再复杂的页面也是这种套路，可以无脑堆组件，也是我喜欢 react 类框架的原因，不用像 jquery 一样手工写过程。 |
 | 6 hronro 2016-10-20 14:19:21 +08:00 我觉得，如果只是 ui 的变化，根本不用上 Redux |
 | 用不上 redux 吧 |
 | 8 hantsy 2016-10-20 23:52:59 +08:00 1. Pure stateless functional components. 2. Container/presenter pattern, split concerns, presenter components only for rendering UI. 3. State management with Redux, and extension, such as redux-obseverable, redux-promise, form, fetch, immutablejs, etc. |
| 9 hantsy 2016-10-20 23:55:10 +08:00 Another popular combination, React+Mobx, plus amouts of Mobx extensions. |
 | 10 xieguanglei 2016-10-21 09:45:19 +08:00 你这需求，用不上 redux 。 不用写 7 到 8 个大 container ，只要写一个大 container ，根据「不同的条件」输出不同的 JSX 就可以了。 「不同的条件」是什么很重要，如果只被交互影响，直接放在大 container 的 state 上即可 。更复杂的话，可以考虑 react-router 。 |
Select Language