发布 Blade UI Kit v0.1
发布时间 作者 Dries Vints
经过几个月的开发、测试和微调,我很高兴地宣布 Blade UI Kit 的第一个版本终于正式发布。
Blade UI Kit 是一个无渲染组件集,可在你的 Laravel Blade 视图中使用。本质上,它是一组有用的实用程序,连接 TALL stack 不同部分之间的联系。它专为 Blade(Laravel 的强大模板引擎)而设计。
默认情况下,Blade UI Kit 附带以下组件
- 倒计时器
- Markdown 和富文本编辑器
- 头像生成器
- 表单输入
- Markdown 到 HTML 转换器
- 日期和颜色选择器
- 等等…
为了让你有一个实用的入门示例,让我们看看 Blade UI Kit 的 alert 组件 如何替换 Laravel UI 脚手架中的默认 alert 代码段
@if (session('status')) <div class="alert alert-success" role="alert"> {{ session('status') }} </div>@endif
它将变成这样
<x-alert class="alert alert-success"/>
正如你所见,所有关于组件行为的实现细节都被隐藏了。由你决定如何对其进行样式化。
所有 Blade UI Kit 的组件都是以此为理念设计的。让你不必担心实现细节,让你可以专注于真正重要的事情:构建你的应用。同时提供良好的开发体验。
为了更好地演示这个库,我构建了一个 示例 Laravel 项目,它使用了一些来自 Blade UI Kit 的组件。
目前,Blade UI Kit 仍处于起步阶段,这意味着它可能仍然存在一些设计缺陷,我们希望在将来当库成熟并有更多人开始使用它时解决这些缺陷。我邀请任何希望 贡献 的人前往 主仓库,通过发送 Pull Request 或创建有见地的 Issue 来帮助我们添加更多更好的组件并改进核心机制。
我努力确保这个库能帮助你的工作流程,并希望它能解决你在构建 Laravel 应用时遇到的一些痛点。在 Twitter 上使用 #BladeUIKit 标签 告诉我你的想法!
使用 Blade UI Kit 构建你的下一个应用吧!
Dries 是 Laravel 的开发者,负责维护开源项目。他也是 Laravel.io(Laravel 社区门户)的维护者。他共同组织了 Full Stack Europe 大会以及 Full Stack Belgium 会议小组。他也是 Blade UI Kit 的创建者。