teleport-code-generators
teleport-code-generators copied to clipboard
Export Design System
Requirement
A strong use case for the UIDL is the ability to maintain a design system, aka a collection of atomic components without deciding on the specific framework implementation. This means that a ProjectUIDL containing a set of components can keep a design system and translate it in any of our output targets.
The design system will be a different type of generator, probably called:
-
teleport-design-system-generator-react
-
teleport-design-system-generator-vue
-
teleport-design-system-generator-stencil
- etc.
This is a very simplified version of project generator, where the sole purpose is to iterate the components field in the UIDL and push them to the output folder.
Exploration
It might make sense to have a generic teleport-design-system-generator
, with its specific generation strategy, but it might also be an overkill at this point.
At the second stage, it would be nice to generate a previewer for the design system, in which the devs and designers can see all the rendered components, with a UI selection on the left and other potential features to improve the dev experience.