app.jsx

<Epic
  activeStory={location.getViewId()}
  tabbar={
    <Tabbar>
      {tabbarItems.map(({ title, page, icon, panels }) => (
        <TabbarItem
          key={page}
          onClick={() => router.pushPage(page)}
          selected={panels.includes(location.getPanelId())}
          text={title}
        >
          {icon}
        </TabbarItem>
      ))}
    </Tabbar>
  }
>
  <View
    id={ViewsEnum.Main}
    header={false}
    activePanel={location.getViewActivePanel(ViewsEnum.Main)}
  >
    <MainPanel id={PanelsEnum.Main} />
    <CategoryPanel id={PanelsEnum.MainCategory} />
  </View>
  <View
    id={ViewsEnum.Secondary}
    header={false}
    activePanel={location.getViewActivePanel(ViewsEnum.Secondary)}
  >
    <SecondaryPanel id={PanelsEnum.Secondary} />
    <CategoryPanel id={PanelsEnum.SecondaryCategory} />
  </View>
</Epic>