DEV Community
·
在React中革新拖放体验：推出Puck 0.18
💡
原文英文，约1700词，阅读约需6分钟。
📝
内容提要
Puck 0.18是一个开源的React可视化编辑器，新增强大的拖放引擎，支持CSS Grid和Flexbox，用户可自由拖放组件，提升设计灵活性。更新简化了布局创建，支持跨DropZone拖动和动态调整高度，增强用户体验。
🎯
关键要点
- Puck 0.18是一个开源的React可视化编辑器，新增强大的拖放引擎，支持CSS Grid和Flexbox。
- 用户可以自由拖放组件，提升设计灵活性，支持几乎任何设计而无需编写代码。
- 更新简化了布局创建，支持跨DropZone拖动，增强用户体验。
- 新版本的拖放引擎允许用户在画布上自由拖动和放置组件，提供即时视觉反馈。
- 通过配置DropZone为网格或弹性盒子，用户可以轻松创建复杂布局。
- 新功能允许在不同的DropZone之间拖动组件，简化了组件移动的过程。
- DropZone的高度可以动态调整，以匹配其子组件的高度，提升布局一致性。
- 组件抽屉的显示方式可以自定义为网格，打破了之前的限制。
- 更新还包括交互热键、快速选择父组件等小功能，提升了用户体验。
- Puck v0.18是社区反馈和贡献的结果，展示了工具发展的潜力。
➡️
