Switch to Preact

[sumanthratna]

will save us many kb

I considered using vite or wmr but neither supports prerendering out of the box so I went with preact-cli

closes #9

TODO:

• bring back landing SVG
• fix DevpostCard styling in /history
• update logo in Landing (51620e0)
• bring back prettier
• bring back purgecss
• make sure links (including navbar) and static files work
• fix footer (not sticky, 0194db2 and d8d6431)
• fix icons (see footer), probably will be fixed by switching to CSS modules
• make sure favicons, SEO, cloudflare script, and last-modified meta tag are still good (might need to update new src/template.html with old public/index.html)
• CSS reset (https://github.com/sindresorhus/modern-normalize)
• update switch script
• update tint script
• make sure project builds and no TS errors (Add decoding TypeScript attribute preactjs/preact#3054)
• update tests
• make sure site builds at /2021 and /
• make yarn berry pnp work (remove nodeLinker: node-modules which installs to node_modules/), see feat(cli): add monorepo and Yarn PnP support preactjs/preact-cli#1418
• consistent use of class/className
• try loading Preact from https://cdn.skypack.dev/preact instead of npm install (check bundle size to see if this actually helps)

[rschristian]

Just came from the linked Preact issue (sorry, was just taking a peek) but WMR does in fact come with prerendering right out of the box: https://github.com/preactjs/wmr/blob/91bc136e5c4a47c3ee3613e4d65183f4160ebe8e/packages/create-wmr/tpl/package.json#L2-L6

Linked is the pkg.json of the template that all new projects are created with. Prerendering is a flag but one we ship with.

[sumanthratna]

Just came from the linked Preact issue (sorry, was just taking a peek) but WMR does in fact come with prerendering right out of the box: https://github.com/preactjs/wmr/blob/91bc136e5c4a47c3ee3613e4d65183f4160ebe8e/packages/create-wmr/tpl/package.json#L2-L6

Linked is the pkg.json of the template that all new projects are created with. Prerendering is a flag but one we ship with.

Thanks for taking a look @rschristian! :)

I read the npm README and it suggested using preact-iso instead of Preact.render so I assumed there was no out-of-the-box way to pretender Preact apps with wmr. It might help others if the --prerender flag is mentioned somewhere in the README. Thanks for letting me know though; I'll take another look at wmr.

[rschristian]

@sumanthratna

Ah, yeah. If you look that section has the header "Manual Installation and Setup". If you initialize with our template it is "out of the box" but I can see what you mean, the prerender functionality technically doesn't come with WMR itself.

I guess it's a bit of a different setup, but preact-iso was basically created to be a set of tools for WMR: prerendering, lazy loading, router, etc. WMR itself has the flag to prerender but the functionality does come from elsewhere.