Meteor + React - 具有图形过渡的社交网络

时间:2017-01-09 09:54:53

标签: reactjs meteor react-router meteor-react

上下文

我正在建立一个基于父母/子女关系的社交网络。它看起来像这样的分层金字塔树:enter image description here

用户界面

以下是用户界面的第一个镜头:

enter image description here

  • 主要部分(中间的大白块)是用户"墙" (作为Facebook墙),具有一些特定的功能。
  • 顶部主页按钮是指向父用户的链接。
  • 底部按钮是指向儿童用户的链接

导航动画/过渡

我刚刚发现Meteor和React,觉得现在能够让导航变得棒极了! 我们的想法是,当您单击用户按钮(父级或子级)时,该按钮将成为中央墙div,从顶部显示新的父用户按钮,旧的子按钮消失,新的子按钮从旁边显示。如果需要,我会尝试制作一个GIF。

问题

用户按钮和成员墙是具有不同状态的相同组件,"父' /"当前" /"孩子"与关联的CSS类。 单击子按钮或父按钮将更改URL,我们将从" member / iduser1" to" member / iduser2"。因此,我们的想法是加载缺少的组件并更改页面上已存在的组件的状态。

我可以将子id的数组,当前id和父id传递给包装器以构建不同的组件,但是它们不能完全重建?我的目标只是改变他们的状态

0 个答案:

没有答案