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 https://github.com/HackTJ/2021/issues/9

TODO:

• [x] bring back landing SVG
• [ ] fix DevpostCard styling in /history
• [ ] update logo in Landing (https://github.com/HackTJ/2021/commit/51620e06c6c975c933df98f20107d8016fe56dd5)
• [x] bring back prettier
• [ ] bring back purgecss
• [ ] make sure links (including navbar) and static files work
• [ ] fix footer (not sticky, 0194db2badd209f9f2ba595f29336f76127513cd and d8d643120bc8a1505740d0e47ab07767fe76f600)
• [ ] 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
• [x] update tint script
• [ ] make sure project builds and no TS errors (https://github.com/preactjs/preact/pull/3054)
• [x] update tests
• [ ] make sure site builds at /2021 and /
• [ ] make yarn berry pnp work (remove nodeLinker: node-modules which installs to node_modules/), see https://github.com/preactjs/preact-cli/pull/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.