Switch language한국어
Back to the list

Redesigning a design component library to match actual usage

TL;DR AI

Key summary

2 min read
  1. Kitchen library was originally built as UMD per-component packages with a CommonJS kitchen-core initially built with UMD per-component packages and CommonJS core.

  2. Bundle inclusion included all Kitchen component code in consumer bundles regardless of usage due to re-export and mixed build formats.

  3. Build references used build-output-based references between components in development components referenced other components by build outputs rather than source paths.

  4. Storybook did not support propTypes automatic inference because components were not directly referenced did not directly reference component source files under the build-output reference scheme.

  5. Design decision switched distribution format to ESM and added explicit exports fields change aimed to let bundlers statically trace imports without extra configuration.

Read the original