mui / mui/base-ui

[docs-infra] Document bundle size of each component

Open
#602 5 comments 4 reactions 1 assignee Claimed by @atomiks View on GitHub
docs performance scope: all components scope: code-infra
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

### Summary

Bundle size matters. I think it's important we document it in the docs. Documenting:

- Forces us to measure it
- Means developers know we know what it is
- Means developers easily know if it's good enough for their use cases

For example, see https://github.com/propeldata/ui-kit/issues/157 who are looking for a select component, there is a reputation for bloat to debunk (Base UI) and solve (Material UI).

### Examples

I tried two iterations:

- https://github.com/mui/material-ui/pull/40592
- https://github.com/mui/material-ui/pull/40549

but never had time to work on this to finish it (It's why I was eager to fill: https://www.notion.so/mui-org/React-Engineer-Docs-infra-02023ab7104241888ca2ab3bcb32e19d). I was more trying to fix a regression in the DX.

### Motivation

It's related to #201.

Closing this I think involves two steps:

- [ ] Implementing it for Base UI
- [ ] Supporting it for docs-infra so Material UI can also show components' size (assuming we fix their size)

**Search keywords**: -

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.