json-render-react

Convierte especificaciones JSON en árboles de componentes React con seguridad de tipos, gestión de estado y expresiones dinámicas. Soporta especificaciones de UI declarativas con árboles de elementos, enlace bidireccional de datos mediante $bindState, renderizado condicional y expresiones computadas. Gestión de estado integrada a través de StateProvider con integración opcional de almacenes externos (Redux, Zustand, XState) y rutas de estado basadas en JSON Pointer. Sistema de eventos con despacho de acciones, observadores de estado y cuatro acciones integradas: setState,...

npx skills add https://github.com/vercel-labs/json-render --skill json-render-react

Descargar ZIP GitHub

Más skills de vercel

benchmark-sandbox

Ejecuta escenarios de evaluación de vercel-plugin en Vercel Sandboxes en lugar de paneles locales de WezTerm. Aprovisiona microVMs efímeras con Claude Code y el plugin preinstalado,…

emil-design-eng

Esta habilidad codifica la filosofía de Emil Kowalski sobre el pulido de la interfaz de usuario, el diseño de componentes, las decisiones de animación y los detalles invisibles que hacen que el software se sienta genial.

vercel-react-best-practices

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

vercel-react-best-practices

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Producir una guía técnica que enseñe un caso de uso del mundo real mediante ejemplos progresivos. Los conceptos se introducen solo cuando el lector los necesita.

Liberar vercel-plugin — ejecutar gates, aumentar versión, generar artefactos, commit y push. Usar cuando se pida "release", "ship", "bump and push" o "cut a release".

Ejecutar DeepSec contra un checkout de proyecto de Vercel desde dev3000. Usar para configuración de DeepSec con un clic, arranque de contexto de proyecto, procesamiento limitado de primera pasada y…

Hacer backport de un pull request fusionado de Next.js desde canary a una rama de versión anterior, como next-16-2. Usar cuando el usuario solicite hacer backport, cherry-pick o abrir un…