Skip to content

Conversation

@michaldudak
Copy link
Member

No description provided.

@michaldudak michaldudak added component: menu Changes related to the menu component. component: alert dialog Changes related to the alert dialog component. component: tooltip Changes related to the tooltip component. component: dialog Changes related to the dialog component. performance component: popover Changes related to the popover component. internal Behind-the-scenes enhancement. Formerly called “core”. labels Dec 2, 2025
@pkg-pr-new
Copy link

pkg-pr-new bot commented Dec 2, 2025

  • vite-css-base-ui-example

    pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/react@3391
    
    pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/utils@3391
    

commit: 6fa03c4

@mui-bot
Copy link

mui-bot commented Dec 2, 2025

Bundle size report

Bundle Parsed size Gzip size
@base-ui-components/react 🔺+3.71KB(+0.91%) 🔺+467B(+0.36%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

@netlify
Copy link

netlify bot commented Dec 2, 2025

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 6fa03c4
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/692ee942ace89b0009a7fc56
😎 Deploy Preview https://deploy-preview-3391--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Dec 3, 2025

controller.useSetup();

React.useEffect(() => {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nitpick, but here you can save one function allocation:

Suggested change
React.useEffect(() => {
React.useEffect(controller.disposeEffect);

Where disposeEffect is:

  public disposeEffect() {
    return () => {
      this.cancelDismissOnEndTimeout.clear();
      this.clearInsideReactTreeTimeout.clear();
    }
  }

Copy link
Contributor

@romgrk romgrk Dec 4, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

disposeEffect = ... for the bound this though. The useTimeout hook is a good model for class-based hooks (and it saves another allocation by using useOnMount instead of useEffect(..., [])). I've been thinking we might want to create a base class for class hooks to standardize and/or manage automatic resource cleanup.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component: alert dialog Changes related to the alert dialog component. component: dialog Changes related to the dialog component. component: menu Changes related to the menu component. component: popover Changes related to the popover component. component: tooltip Changes related to the tooltip component. internal Behind-the-scenes enhancement. Formerly called “core”. performance PR: out-of-date The pull request has merge conflicts and can't be merged.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants