Add size-limit config

[aryaemami59]

This PR:

• Adds size-limit config to monitor bundle size changes in preparation for any potential changes we'll have to make to migrate to React 19.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[timdorr]

Honestly, I'm not a huge fan of these sorts of tools. They tend to be more annoying than helpful. Maybe we can limit it to just a react19 branch, so we don't have to tend to it after we complete that work?

Edit: Wait, don't we already have this? https://github.com/reduxjs/react-redux/blob/master/.github/workflows/size.yaml

[aryaemami59]

@timdorr

Honestly, I'm not a huge fan of these sorts of tools. They tend to be more annoying than helpful.

That's fair, but size-limit does give us an idea of how the changes that we make impact our bundle sizes. And with the way I setup the config, it can keep track of every single named export, in every single package entry point, in both development and production builds. And the config is simple enough that I hope we'd be able to insert into any one of the redux packages and it should just work.

Edit: Wait, don't we already have this? https://github.com/reduxjs/react-redux/blob/master/.github/workflows/size.yaml

While preactjs/compressed-size-action does give us some info about bundle size changes, it looks like it's only looking at dist/cjs/index.js and dist/react-redux.legacy-esm.js. It also doesn't look at named exports, or different environments.

The idea is to have this here so that if we were ever to make a set of changes, we could use it to keep an eye on bundle sizes, it doesn't necessarily have to put a "limit" on anything.

[EskiMojo14]

yeah, while I don't think the concept of a size "limit" is very useful, I do find it useful to have visibility on how a given set of changes affects final bundle size.

[timdorr]

Could this supplant our usage of compressed-size-action? That one hasn't been updated in a long time and causes some warnings in CI that will eventually turn into errors, so it's been on my radar to replace it.

[aryaemami59]

I guess we could use https://github.com/EskiMojo14/size-limit-action, same thing we're doing with RTK.

[netlify]

✅ Deploy Preview for react-redux-docs ready!

Name	Link
🔨 Latest commit	bdaffcd
🔍 Latest deploy log	https://app.netlify.com/sites/react-redux-docs/deploys/66bfddc6a1b3d600086c804a
😎 Deploy Preview	https://deploy-preview-2173--react-redux-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[markerikson]

Yeah, I think we want to switch to the other size package for consistency.

[aryaemami59]

The other size package?

[markerikson]

https://github.com/EskiMojo14/size-limit-action , per above

[scottpolo]

LGTM

[timdorr]

Can we just merge this at this point? I don't need another resolution for 2025 😂

[markerikson]

@aryaemami59 same question as with the RTK PR - what does the actual output look like atm?

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/react-redux@2173 -D

yarn add https://pkg.pr.new/react-redux@2173.tgz -D

pnpm add https://pkg.pr.new/react-redux@2173.tgz -D

bun add https://pkg.pr.new/react-redux@2173.tgz -D

commit: 2c0cf09