Port to Preact: 50% size reduction, essentially no code changes

[developit]

Figured this was worth a shot - it also has the nice effect of taking the codebase from React 0.12.x (deprecated) to Preact 5.x (current).

Before: js/bundle.js = 64.4kb

After: js/bundle.js = 29.6kb

I've tested and everything seems to function identically.

[mxstbr]

Woah this is extremely enticing, will give it some actual thoughts once I'm off this airplane! Thanks for doing this!

[mxstbr]

In the deploy preview I'm not seeing the new WhatsApp button show up – any ideas why? Maybe needs to be rebased?

Other than that this sounds like a great idea, !

[developit]

Yup, I can rebase tonight.

[developit]

@mxstbr Merged upstream changes and also updated to preact 6 & preact-compat 3.
The deploy preview looks on point! (also, I hadn't seen that Netlify feature before, pretty awesome)
Cheers! 🍻

[mxstbr]

Something's off with the styling of the buttons. Current version:

Preact version:

Any ideas?

[developit]

Saw that too - looks like it's the SVGs? I'll take a look - just wanted to make sure it wasn't something visible on master too

[developit]

@mxstbr looks like React is inserting a <span> around the "Share to X" text, which is being used to add padding. This actually seems like something we'd want to change in the generated button code, since the span is missing (in both versions):

[mxstbr]

That sounds reasonable, can you add that to this PR?

[olets]

@developit #71 should have the fix you need

[developit]

Sweet. I should really update this PR haha