material-design - 为什么 MDC 不推荐使用 Material Design lite(MDL)?

标签 material-design material-design-lite material-components

3 high-level goals 中的哪一个MDL 失败了吗:

  • 以点菜方式可用于生产的组件
  • 一流的性能和对 Material 设计指南的遵守
  • 与其他 JS 框架和库无缝集成

  • 或者在弃用 MDL 的背后还有其他一些原因吗?

    最佳答案

    这里是 MDC Web 的核心团队成员之一。我们有一个 migration guide如果您对从 MDL 切换到 MDC Web 感到好奇。

    我们通过迁移到 MDC Web 完成的一件事是 JavaScript 组件的新架构。 MDC Web 的构建方式完全与框架无关,因此可以在惯用的 JS、React、Angular 等中使用相同的代码库……我们还以可以按点菜方式安装的方式发布组件,不过如果你想捕获一切,那就是 164K。

    本质上,我们通过将关注点分成两个概念来实现这一点:组件和基础。 Component 是即用型 JavaScript 组件,而 Foundation 包含所有共享的 UI 代码。 Foundation 对于 React/Angular/Vue 等框架的低级使用以及更复杂的渲染逻辑很有用。

    最后一个难题是适配器的概念。在 MDC Web 中,适配器是传递给 Foundation 的配置对象。这将包括围绕数据绑定(bind)、模板、键/输入处理等的任何逻辑......这一切归结为一组逻辑默认值,如果您使用像 React 或 SSR 这样的框架,这些默认值可以被覆盖事情与它们在浏览器中的 vanilla javascript 中的完成方式不同。

    最后,我们有一个 public Discord server如果有人有兴趣与我们聊天。我们很乐意回答任何实现问题或解决任何问题。

    关于material-design - 为什么 MDC 不推荐使用 Material Design lite(MDL)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41769959/

    相关文章:

    material-design-lite - 允许 mdl-layout__tab-bar 中的 <a> 标签充当实际的 <a> 标签

    android - 自定义后 Material 复选框样式

    c# - MDCTabBar 和 MDCNavigationBar 将 NavigationBar 向上推

    css - mdc-fab背景 mdc-theme-secondary

    android - ShareActionProvider 外观

    android - 以编程方式设置稀松布颜色

    html - mdl-menu 不能与 max-width 一起正常工作

    带有 MaterialComponents 主题的 Android FAB 图标始终为黑色

    javascript - 在 ASP Net CORE MVC 元素中使用 Google Material UI

    angularjs - 如何使 Angular Material 表具有响应性