为React应用程序创建一个站点范围的模板

时间:2019-03-04 17:28:29

标签: html css reactjs

React的新手,想了解如何最好地创建一个最终拥有许多由不同团队开发的SPA的网站。

理想情况下,团队希望创建一个新的SPA,他们将能够在其SPA中添加一些内容,从而使他们的网站可以共享共同的外观/感觉,甚至还可以导航。

我预想的是,这里有一个我控制的主导航(标题,导航菜单等),其中许多链接到实际上是独立SPA页面的子页面。但是,如果我们要共享设置,权限,布局方案之类的东西,是否有一种尝试过的,真正的方法?

我是一位经验丰富的Web开发人员,他是Angular或React方式的真正新手。那天,我将只创建一个框架,或者创建一个标头,该标头是服务器端包含的各种内容。但是我觉得现在情况可能会变得非常不同或更加复杂。

这里的目标是,如果我们想要更改外观/感觉方案,或者想要更改主标头/导航,则不必单独更新所有SPA即可。因此,这不仅仅是创建SPA(详细记录)的方法,还更多是“作为一家公司,我们可以做什么来集中和容纳我们团队的所有Web应用程序?”

预先感谢

1 个答案:

答案 0 :(得分:0)

您要查看React中的“高阶组件(HOC)”。基本上,您将在React组件内部定义一个Layout(假设您创建了/src/components/Layout/Layout.js),然后在其中导入Header(.js)Footer(.js)组件,并将{props.children}放在中间(这是呈现路由内容的地方。

但是,在执行此操作之前,您应该了解路由,嵌套组件,道具和东西的工作方式,否则我写的内容可能没有多大意义。