Michael Dyrynda 是 Hostworks 的 Web 开发人员、自由开发者和博主。他正在与 Matt Stauffer 合作开发他的第一个开源项目 Confomo，并在 briefs.fm 上播客记录这段旅程。他还撰写关于 Web 开发以及解决日常问题但没有现成解决方案的文章。Michael 的 Web 开发技能扩展到 Web 开发的前端方面，包括 JavaScript、LESS/Sass/CSS、设计数据库以及构建可扩展的应用程序。
在四月底，我在 Twitter 上联系了 Michael，此前他发推文称，对于一个正在开发中的应用程序，迁移到 PatternFly 是“即时的改进”。
您是如何了解到 PatternFly 的？
我最初是在 .dev 博客上了解到 PatternFly 的，并将其加入书签，用于我即将开始在工作中开发的一个应用程序。
您正在使用 PatternFly 做什么？
我们正在构建一个控制台应用程序（类似于 AWS 控制台），为我们的客户提供一个与构成我们应用程序池的不同产品进行交互的单一入口点。到目前为止，这些组件中的每一个都是独立开发的，每个组件都有自己的 Web 界面和身份验证系统。
在我在 Hostworks 工作的这一年中，平台的愿景已经超越了我最初受雇开始开发的 Transcoder 和 Manifester 产品。随着我们扩大平台范围，越来越明显的是，为了提供出色的用户体验，我们需要将每个产品的管理整合到一个单一的界面中。
对于开源来说，良好的用户体验有多重要？
清晰且一致的 UI 对于我们的控制台应用程序非常重要，这样无论用户正在使用我们的哪个产品，他们都会感到熟悉。我们最初打算采用一个基本上是原生的 Bootstrap 主题。从开发的角度来看，这使我们能够快速构建控制台应用程序，而不会陷入样板式的细节中。
然而，原生 Bootstrap 的问题在于，由于它的普及，即使是最普通的互联网用户也可能发现一个网站看起来与其他许多基于 Bootstrap 的网站非常相似。PatternFly 使我们能够利用 Bootstrap 提供的熟悉的布局和类，同时以最少的努力为我们提供全新的外观。这意味着我们可以继续专注于应用程序本身。
您希望在 PatternFly 中看到哪些新功能？
我希望看到的一件事是能够在卡片内部添加全宽内容视图。卡片当前应用的内边距和外边距使得在其中放入一个美观的表格有点棘手。如果它们能够以类似于 Bootstrap 在面板中渲染表格的方式得到支持（如果您跳过向其添加 body 类），那就太好了。
我觉得 PatternFly 目前缺少非常好的文档。这些示例让您很好地理解了它的功能以及外观，但您必须深入研究源代码才能真正开始使用这些组件。这可能会增加一些开发人员的入门门槛，因为没有关于参考标记的真正解释。
除此之外，我不能说我注意到我们在目前构建的内容中缺少任何明显的组件，但我很想看看 PatternFly 是否会随着 Bootstrap v4 过渡到 Flexbox。这将减少当前用于匹配仪表板上卡片高度的一些 JavaScript 开销，例如。
对于想要开始使用 PatternFly 的人，您有什么建议？
如果您刚开始使用 PatternFly，并且想要开始将您的想法变为现实，我建议您查看 参考实现 之一，并将您的内容插入其中。如果您想更好地了解这些布局是如何以及为何存在的，请查看文档。该团队在解释他们的设计选择、如何组织页面以及呈现内容方面做得很好。
评论已关闭。