小编Nic*_*Gnd的帖子

具有React和Redux的分形项目结构 - 优点/缺点

我想知道在React + Redux项目中使用Fractal Structure的优缺点是什么,我想知道是否有人对这种方法有任何经验,或者是否存在从文档中无法立即看到的陷阱.

(分形结构)也称为:自包含应用程序,递归路由层次结构,提供程序等

上下文:我正在查看react-redux-starter-kit,它建议使用分形结构来组织文件夹.如果我理解得很好,这种方法需要按功能组织项目文件夹并递归地嵌套路由.

所以,如果我有一个"事件"资源在哪里

  • /events 列出所有事件
  • /events/new 显示一个表单以插入新事件
  • /events/1/details 显示有关id为1的事件的详细信息

从样板文件开始,我必须添加新的路径文件夹,如:

??? src                      # Application source code
?   ??? main.js              # Application bootstrap and rendering
?   ??? components           # Reusable Presentational Components
?   ??? containers           # Reusable Container Components
?   ??? layouts              # Components that dictate major page structure
?   ??? static               # Static assets (not imported anywhere in source code)
?   ??? styles               # Application-wide styles (generally settings)
? …
Run Code Online (Sandbox Code Playgroud)

javascript architecture reactjs redux

22
推荐指数
1
解决办法
3696
查看次数

Hanami link_to helper只渲染最后一个元素

我是Hanami世界的新人.我写了这段代码:

module Web::Views::Home
  class Index
    include Web::View
    include Hanami::Helpers::HtmlHelper

    def title
      html.header do
        h1 'Test search engine', id: 'title'
        hr
        div(id: 'test') do
          link_to('Home', "/", class: 'mnu_orizontal')
          link_to('About', "/", class: 'mnu_orizontal')
        end
      end
    end
  end
end
Run Code Online (Sandbox Code Playgroud)

title在模板上调用方法.html结果是:

<header>
    <h1 id="title">Test search engine</h1>
    <hr>
    <div id="test">
        <a class="mnu_orizontal" href="/">About</a>
    </div>
</header>
Run Code Online (Sandbox Code Playgroud)

为什么第二个链接会覆盖第一个?我的错误在哪里?

谢谢你的回复.

ruby hanami

5
推荐指数
1
解决办法
177
查看次数

标签 统计

architecture ×1

hanami ×1

javascript ×1

reactjs ×1

redux ×1

ruby ×1