Receber por email
← Voltar para o catálogo

material-component-dev

FlowGram 物料组件开发指南 - 用于在 form-materials 包中创建新的物料组件

2estrelas
Atualizado há 4 meses

Ver no GitHub ↗

Como adicionar

/plugin marketplace add bg-szy/TOP-SKILLS

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/material-component-dev-bg-szy/svg)](https://www.skillteca.com.br/skills/material-component-dev-bg-szy)

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

FlowGram Material Component Development

概述

本 SKILL 用于指导在 FlowGram 项目的 @flowgram.ai/form-materials 包中创建新的物料组件。

核心原则

1. 组件位置

  • ✅ 在现有包中创建:直接在 packages/materials/form-materials/src/components/ 下创建组件目录
  • ❌ 不要单独拆包:不创建新的 npm 包,保持简洁

2. 代码质量

  • ✅ 使用 named export:所有导出使用 named export 提高 tree shake 性能
  • ❌ 不写单元测试:通过 Storybook 进行手动测试
  • ✅ 通过类型检查:必须通过 yarn ts-check
  • ✅ 符合代码规范:遵循项目 ESLint 规则

3. 物料设计

  • ✅ 保持精简:只保留必要的 props,不添加非核心功能配置项
  • ✅ 功能单一:一个物料只做一件

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn