Guía de lectura localizada
react-flow-node-tsFinalidad, uso y origen
Crea componentes de nodo de React Flow con tipos, manejadores e integración de Zustand de TypeScript. Úsalo al crear nodos personalizados para el lienzo de React Flow, al crear editores de flujo de trabajo visuales o al implementar componentes de interfaz de usuario basados en nodos.
Fuente recuperada:
- Repositorio de origen
- microsoft/skills
- SKILL.md
.github/plugins/azure-sdk-typescript/skills/react-flow-node-ts/SKILL.md- Estrellas del repositorio
- 3,157
- Actualización del repositorio
- 2026-10-31
- Clasificación de habilidades
- Servicios en la nube
- Última recopilación
Licencia: MIT
Los extractos del flujo de trabajo son guías de lectura, no instrucciones ejecutables de Codez. No se utilizó ninguna habilidad de terceros para generar esta página.
Los siguientes fragmentos sobre el propósito y el flujo de trabajo son material preliminar, organizado y traducido para su lectura. Son distintos del análisis editorial de Codez, que se presenta por separado.
Lo que hace esta habilidad
Crea componentes de nodo de React Flow con tipos, manejadores e integración de Zustand de TypeScript. Úsalo al crear nodos personalizados para el lienzo de React Flow, al crear editores de flujo de trabajo visuales o al implementar componentes de interfaz de usuario basados en nodos.
Cómo funciona el flujo de trabajo ascendente
Inicio rápido
Copia las plantillas de assets/ y reemplaza los marcadores de posición:{{NodeName}}→ Nombre del componente en formato PascalCase (por ejemplo,VideoNode){{nodeType}}→ identificador de tipo kebab-case (por ejemplo,video-node){{NodeData}}→ Nombre de la interfaz de datos (por ejemplo,VideoNodeData)
Pasos de integración
Agregar tipo asrc/frontend/src/types/index.tsCrear componente ensrc/frontend/src/components/nodes/Exportar desdesrc/frontend/src/components/nodes/index.tsAgregar valores predeterminados ensrc/frontend/src/store/app-store.ts
Nodo de flujo de React
Cree componentes de nodo de React Flow siguiendo patrones establecidos con tipos TypeScript adecuados e integración con el store.
Paso río arriba · L10 ↗export interface MyNodeData extends Record<string, unknown> {
title: string;
description?: string;
}
export type MyNode = Node<MyNodeData, 'my-node'>;Requisitos y configuración
No se seleccionó ningún fragmento de requisitos breves de este archivo. Esto no significa que la habilidad no tenga dependencias. Consulte las instrucciones de configuración del repositorio y los archivos de referencia.
Límites y controles de calidad
No se seleccionó ningún pasaje con límites específicos en este archivo. Esto no significa que la habilidad sea segura para cualquier entrada o entorno. Revise el código fuente completo y valide su propio resultado.
Comience con una prueba segura.
- Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
- Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
- Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
- Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.
Lea más en la fuente
Habilidades relacionadas
Traducción y alcance
Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.
Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.
- Fuente fijada
- Lee el original ↗
- Fuente recuperada
- Confirmación de origen
00d66a64919edca5bca2c673373444e36a4b5461- Fuente SHA-256
f0a4f37df3e8e7ed9645e947c08470fd78483f18b9587ae8cd20720022110781