Blade UI Kit v0.1 发布
经过数月的开发和测试,我很高兴地宣布Blade UI Kit的第一个版本终于公开可用。
Blade UI Kit是一套用于Laravel Blade视图的可重用组件。从本质上讲,它是一组有用的实用工具,将TALL堆栈的不同部分连接起来。这是为了Blade(Laravel强大的模板引擎)制作的。
默认情况下,Blade UI Kit包括以下组件
- 倒计时器
- Markdown和富文本编辑器
- 头像生成器
- 表单输入
- Markdown到HTML转换器
- 日期和颜色选择器
- 等等...
为了给您一个实用的入门示例,让我们看看Blade UI Kit的警报组件是如何替换Laravel UI脚手架中的默认警报片段的。
@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还处于初级阶段,这意味着它可能还有一些设计缺陷,我们希望在未来随着库的成熟和更多人使用它时解决这些问题。如果您想做出贡献,请访问主仓库,并通过发送拉取请求或者在如何添加更多和更好的组件以及改进核心机制上提出有见地的议题来帮忙。
我努力确保这个库能帮助您提高工作效率,并希望它能解决您在构建Laravel应用时遇到的一些痛点。您可以在推特上用#BladeUIKit标签告诉我您的想法!
用Blade UI Kit享受构建您下一个应用吧!
joedixon, wmandai, sarwarahmed, imanghafoori1, maxcelos, devansh0207, jorqensen, pavlovich4, rocharomulo 喜欢这篇文章