Import compoments directly to avoid components/picker/index.js and have smaller bundle

[rosskhanas]

Those simple changes would allow importing Nimbleicker directly and avoid having all.json bundled when using apple.json or other emoji collections.

[rosskhanas]

Probably related issue: #229

[EtienneLem]

Interesting! I was under the impression that it was tree shaking’s job to be smart about these imports.

[EtienneLem]

Thanks 🤘

[rosskhanas]

I think tree shaking is not possible with old require and only works with import. I might be wrong.

Anyway, this is a super simple way to reduce bundle size with no tree shaking and other advanced things. No need to import a lot and strip useless code if we can just import what is needed. 😃

Thank you for merging, would be nice to see a new emoji-mart version in NPM! 😊

[EtienneLem]

I think tree shaking is not possible with old require and only works with import. I might be wrong.

That’s my understanding as well, which is why we have 2 dist folders and specify the one with import via package.json module.

"main": "dist/index.js",
"module": "dist-es/index.js",

But as far as I’m concerned we’ve been lied to… 😅

Thank you for merging, would be nice to see a new emoji-mart version in NPM! 😊

ETA few minutes 😄

[rosskhanas]

Before:

After:

Thank you 😃

[EtienneLem]

Amazing! Thank YOU 🤘