Tree-shaking in v9

[aleclarson]

How does tree-shaking works in v9? It looks like I got the entire @react-spring in bundle no mater what I use. Is this expected behavior or did I miss something?

Originally posted by @jerry84 in #985 (comment)

OK, from my understanding @react-spring/core includes all the features that is possible to tree-shake before, for example color-interpolations. It doesn't look like it is possible anymore.

Originally posted by @jerry84 in #985 (comment)

[aleclarson]

I plan on adding a Webpack-based tree-shaking demo to the v9 branch sometime soon. If anyone wants to contribute on that front, go right ahead. Then we can figure out if there's anything that needs to be fixed.

[jerry84]

I plan on adding a Webpack-based tree-shaking demo to the v9 branch sometime soon. If anyone wants to contribute on that front, go right ahead. Then we can figure out if there's anything that needs to be fixed.

Thanks for the response, my assumption is at least correct 😄

[louisgv]

For the latest webpack + ts, it seems refactoring similar to #1150 will be needed.

[jacob-alford]

What's the status of this issue? I just upgraded to v9.0.0-rc.3, and now I'm getting this error with our Jest tests:
TypeError: (0 , _reactSpring.useSpring) is not a function

We're using Create React App, with Typescript. Any file that imports anything from react-spring, i.e.
import { useSpring } from 'react-spring' is effected.

[frenic]

@joshuaellis Why was this closed and marked with wontfix?

[joshuaellis]

@frenic because right now this isn't the priority of development, there are a fair few bugs and unification of the API to solve before that as well as updating the documentation.

However, if you're interested in working on this, then i'm happy to reopen and support you however I can? Would you like too?

[TheTrio]

I'm working on an application where this is all we use from React Spring

const [y, setY] = useState(i * 75);
useSpring({
  y: i * 75,
  onChange(change) {
    setY(change.value.y);
  },
});

Do you have any idea how to make it so the entire package isn't included in the bundle? I know it might not be feasible for you all to implement tree shaking but I assume there's a different way to do this eliminating the need for React Spring altogether.

Thanks!

[itayganor]

@joshuaellis A year later, will this ever get on the roadmap?