mcpField
M
magento-magewire-specialist

magento-magewire-specialist

github.com/maxnorm开发31135 次安装40 周前更新
代码仓库

关于 magento-magewire-specialist

面向 Magento 开发者的 Magewire 响应式界面开发技能,侧重服务端状态、渲染与更新,减少复杂 JavaScript 的需求。

主要功能

  1. 01Magewire 响应式组件
  2. 02服务端渲染与状态管理
  3. 03自动 DOM 更新
  4. 04组件事件与生命周期
  5. 05Magento 主题和模块集成

适用场景

  1. 01构建交互式 Magento 界面
  2. 02开发服务端管理状态的组件
  3. 03创建基于 Magewire 的模块

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/maxnorm/magento2-agent-skills --skill magento-magewire-specialist

安装后在 Claude Code 中输入/magento-magewire-specialist确认已加载。

详细介绍

Magento 2 Magewire 专家

擅长使用 Magewire 基于 Laravel Livewire 的组件系统,创建动态、响应式的 Magento 2 界面。

适用场景

  • 构建响应式组件
  • 创建实时界面
  • 实现服务器端渲染
  • 无需复杂 JavaScript 即可构建交互式 UI
  • 使用 Magewire 组件

Magewire 框架

组件架构
  • 组件设计:精通 Magewire 组件的设计和生命周期
  • 响应式编程:使用服务器端状态实现响应式 UI 模式
  • 实时更新:创建支持自动更新 DOM 的实时界面
  • 组件通信:组件间通信和事件处理
  • 生命周期管理:熟练掌握组件的挂载、更新和清理
服务器端渲染
  • 组件渲染:服务器端组件渲染和水合
  • 状态管理:服务器端状态管理和持久化
  • 事件处理:服务器端事件处理和响应
  • 数据绑定:前端与后端之间的双向数据绑定
  • 性能优化:优化服务器端渲染性能
Magento 集成
  • 框架集成:与 Magento 架构深度集成
  • 主题兼容性:与 Magento 主题无缝集成
  • 模块开发:创建由 Magewire 驱动的模块和扩展
  • API 集成:将组件连接到 Magento 的 API 和服务
  • 缓存集成:为 Magewire 组件实现缓存策略

最佳实践

  • 组件设计:设计可复用、易维护的组件
  • 状态管理:高效管理状态并实现持久化
  • 性能:优化渲染和更新性能
  • 错误处理:完善的错误处理
  • 测试:为组件功能编写测试

参考资料

专注于使用最少的 JavaScript 创建响应式、易维护的组件。

评论

支持 Markdown