【问题标题】:Mixing React Components混合 React 组件
【发布时间】:2017-02-06 22:02:09
【问题描述】:

我对开发还很陌生。现在在我的空闲时间开发一个网络应用程序。 后端会用 Python 写(这里我有最好的经验)。

混合 React 组件的想法有多好: 喜欢:https://github.com/brillout/awesome-react-components

我的想法是使用这些组件或让其他人为我创建组件(例如幻灯片放映或其他)

问题是,这是个好主意吗?我担心这可能会产生很多开销。例如,一个组件基于引导程序,另一个基于基础(正如我所说,我不是经验丰富的 Web 开发人员,无法判断这是否真的会发生)。

谢谢!

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    React 组件的理念是拥有您可以定义的最小代码段。

    但是,混合使用不同的 CSS 框架(如 Bootstrap 或 Foundation)听起来并不是最好的主意。当然,您可以将现成的组件(如 React-Bootstrap)与您自己的自定义组件混合使用,但理想情况下,您会选择一个框架并坚持使用它。

    React 的好处是您可以在框架之间切换而无需重构所有内容。

    例如,假设您有一个名为 Slider 的自定义组件。如果您稍后决定使用 MaterialUI,根据您的配置,您只需将导入从 import Slider from "./Slider" 更改为 import Slider from "material-ui/Slider",其余代码将保持不变。

    【讨论】:

    • 谢谢!有道理。你有什么建议,将哪个 UI/CSS Freamework 与 react 结合使用?
    【解决方案2】:

    选择一个 CSS / UI 框架并坚持下去。这些天我一直在使用语义 UI,他们通过 http://react.semantic-ui.com/ 与 React 很好地集成了

    太棒了! :)

    除此之外,您还可以构建自己的自定义组件。

    如果您认为将整个框架添加到您的项目中是一个很大的负担,那么您可以从头开始制作您自己的所有内容。 (要么 (1) 为组件使用 CSS 框架类,要么 (2) 定义你自己的 CSS 类)

    最后我也同意不要混合 CSS 框架,因为可能会发生冲突!这不好玩!在我的项目中,Bootstrap 与 Semantic UI 发生冲突,所以我坚持使用后者。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-14
      • 2019-06-13
      • 2020-09-14
      • 1970-01-01
      • 2021-06-05
      • 1970-01-01
      相关资源
      最近更新 更多