framer-motion dependency about moti

[mattgperry]

That's odd, it's the same with popmotion. I don't know enough about this to be able to fix it right away, will have to do some debugging.

[mattgperry]

I've published new versions of popmotion and framer-motion with the preserveModules: true which helps Webpack code-splitting ES modules. So 3.8.0 should have a minimal footprint for AnimatePresence (about 2.5kb)

[nandorojo]

Hmm that's interesting, I didn't know that.

@mattgperry curious if you have thoughts here. I'm using the usePresence hook in each component, so I'm assuming that's importing all of framer motion. Is there a better way to do this?

Tree shaking on React Native Web is incredibly hard to maintain. It takes very little to mess it up, so it's not very reliable.

[mattgperry]

I actually just added sideEffects: false to package.json in the latest version, will that help?

[nandorojo]

Yeah it should do it in principle. I'll update and try pushing that out, thanks for the quick response here.

[gut4]

https://bundlephobia.com/[email protected]
Hmm sideEffects: false doesn't help. Each export has the same size as whole bundle.

[nandorojo]

Webpack's tree shaking is something I've had trouble finding good content on. Besides a short explanation on their docs saying that you should use sideEffects: false, I haven't seen too much. I also don't know enough about this.

@mattgperry if you need any help figuring this out for Framer, let me know.

[nandorojo]

Thanks to @mattgperry's update, moti is now down to 4.4kb gzipped: https://bundlephobia.com/[email protected]

yarn add moti

@gut4 thanks for bringing this to my attention.