LogoLogo
GithubTwitterDiscordPlayground
Español
Español
  • 👋Atomico
  • 🚀Comenzando con Webcomponents
  • Api
    • 🧬Props(Propiedades)
    • 🧩Virtual DOM
    • 🎣Hooks
    • 🔬Testing
  • guías
    • ✨Sistemas de diseño con Atomico
      • Estrategias de estructuración de repositorio con Atomico al crear sistemas de diseño.
        • Monorepositorio versionado a nivel de componente
        • Monorepositorio versionado a nivel de sistema de diseño
      • Storybook
        • @atomico/storybook
      • Tokens (CSS custom properties)
      • Slots
    • 📖Atomico + Storybook
    • 🛡️Atomico + Typescript
    • ⚛️Atomico + React
    • 💧Atomico + SSR/SSG
    • 🧠Patrones de diseño
    • 🗺️Guía de estilo (Estructuras)
    • 🔀Slot
  • @atomico
    • @atomico/vite
    • @atomico/hooks
    • @atomico/components
    • @atomico/exports
    • @atomico/react
    • @atomico/router
    • @atomico/store
    • @atomico/storybook
  • Soporte
    • Discord
    • Github
    • Twitter
Powered by GitBook
On this page
  • ¿Por qué monorepositorio para su sistemas de diseño?
  • Recomendaciones para su monorepositorio

Was this helpful?

Edit on GitHub
Export as PDF
  1. guías
  2. Sistemas de diseño con Atomico

Estrategias de estructuración de repositorio con Atomico al crear sistemas de diseño.

Le invito a conocer 2 estrategias de estructuración de tu repositorio para tu proyecto como sistemas de diseño.

Puede ser confuso abordar a el desarrollo de un sistema de diseño sin saber como estructurar nuestro proyecto, la estructura de nuestro repositorio definirá en gran medida el formato de publicación de su sistema de diseño sea:

  1. Monorepositorio versionado a nivel de componente

  2. Monorepositorio versionado a nivel de sistema de diseño

¿Por qué monorepositorio para su sistemas de diseño?

Es la forma más eficiente de asilar las herramientas que gira entorno a nuestro sistema de diseño.

Recomendaciones para su monorepositorio

1. Aislé su Storybook como package.

Esto mantendrá limpio el workspaces, ejemplo:

packages
├─ components
└─ storybook 

2. Adjunte las historias para Storybook en a nivel de componente.

Storybook puede consumir las historias fuera de su repositorio

packages
├─ components
│  └─ my-button
│     └─ src
│        └─ define.stories.tsx
└─ storybook 

PreviousSistemas de diseño con AtomicoNextMonorepositorio versionado a nivel de componente

Last updated 2 years ago

Was this helpful?

✨