Plantillas

Una plantilla de FrameKit es una función de renderizado React definida en código, junto con los metadatos, las dimensiones, los campos, el contenido, las variantes y los recursos que proporcionan sus entradas. Las plantillas se encuentran en src/templates/ y se descubren a partir de directorios que contienen un archivo template.tsx.

Conceptos de las plantillas

• Definición de plantilla — la estructura requerida, los metadatos, las dimensiones y el límite de renderizado.
• Contenido y variantes — las claves de contenido propias de la plantilla, las etiquetas y la precedencia de los datos.
• Campos — los seis tipos de campos editables y sus restricciones.
• Recursos — imágenes locales de la plantilla, imágenes públicas, descubrimiento y manifiestos.
• Registro generado — los metadatos generados y los cargadores diferidos.
• Renderizado — los valores tipados que se proporcionan a render.

Guías de autoría

• Crear una plantilla — escribe una definición completa en línea.
• Separar una definición de plantilla — separa los datos de la definición de un componente React más complejo.
• Usar recursos de imagen — añade imágenes comunes, de variante y públicas.

Para consultar el contrato completo independiente de la versión y el comportamiento de validación, consulta la referencia de plantillas.