Mark Malstrom markmals

Based on Evan You's comparison which included Svelte and Vue. https://github.com/yyx990803/vue-svelte-size-analysis

For Preact, React, and Solid I took their official TodoMVC and ran them through Vite (2.3.6) to get vendor. For the components I grabbed the unminified source, ran it through Terser Repl, removed the imports, and ran through Brotli.

I wanted to use hooks for React and Preact since those are much smaller but all the official demos use classes. Adding Hooks adds library weight to Preact but it is worth it for this comparison(Preact with classes was 1.60kb and 3.81kb). Honestly I couldn't find a good hooks implementation for React/Preact that was small so I made one myself based on Solid.

	Preact	React	Solid	Svelte	Vue
component size (brotli)	1.21kb	1.23kb	1.26kb	1.88kb	1.10kb

	// I learned about `#if canImport(module, _version: x.y)` from Tony Allevato:
	// https://forums.swift.org/t/pitch-sdk-conditional-code/52642/4
	//
	// Does this work reliably? I have no idea!
	// I have only done some quick experiments in a playground.
	//
	// The Foundation version in Xcode 14.0b1 is:
	// - in iOS's Foundation.swiftinterface: 1932.104
	// - in macOS's Foundation.swiftinterface: 1932.401
	//

	// A heterogeneous dictionary with strong types in Swift, https://oleb.net/2022/heterogeneous-dictionary/
	// Ole Begemann, April 2022

	/// A key in a `HeterogeneousDictionary`.
	public protocol HeterogeneousDictionaryKey {
	/// The "namespace" the key belongs to. Every `HeterogeneousDictionary` has its associated domain,
	/// and only keys belonging to that domain can be stored in the dictionary.
	associatedtype Domain
	/// The type of the values that can be stored under this key in the dictionary.
	associatedtype Value

	class ViewController: UIViewController {
	override func viewDidLoad() {
	super.viewDidLoad()

	Task {
	// 1️⃣❓ UIViewController is in a MainActor context, so this Task
	// will inherit that, so the following pretend expensive call will
	// be on the main thread and likely block?
	ExpensiveOperationPerformer.doExpensiveLoopAndPrint()
	}

	import ReactDOM from "react-dom";
	import { RemixBrowser } from "remix";

	// hydrate a fake Document with the patch:
	ReactDOM.hydrate(<RemixBrowser />, {
	childNodes: [document.documentElement],
	firstChild: document.documentElement,
	appendChild(n) { document.replaceChild(n, document.documentElement); },
	insertBefore(n) { this.appendChild(n); }
	});

	import crypto from "crypto";
	import { renderToStaticMarkup } from "react-dom/server";
	import createMailgun from "mailgun-js";
	import type { ActionFunction, LoaderFunction, Session } from "remix";
	import { createCookieSessionStorage, json, redirect } from "remix";

	/*******************************************************************************
	* Before we can do anything, we need to make sure the environment has
	* everything we need. If anything is missing, we just prevent the app from
	* starting up.

	extension Result where Failure == Error {
	init(_ task: @escaping () async throws -> Success) async {
	self = await withCheckedContinuation { [task] continuation in
	Task {
	do {
	continuation.resume(returning: .success(try await task()))
	} catch {
	continuation.resume(returning: .failure(error))
	}
	}

	import UIKit
	import SwiftUI

	// Hacky workaround, use at your own risk and all that
	struct BottomSheetPresenter<Content>: UIViewRepresentable where Content: View{
	let label: String
	let content: Content
	let detents: [UISheetPresentationController.Detent]

	init(_ label: String, detents: [UISheetPresentationController.Detent], @ViewBuilder content: () -> Content) {

	##[[
	cflags '-I/usr/include/tensorflow'
	linklib 'tensorflow'
	cinclude '<tensorflow/c/c_api.h>'
	]]
	global TF_AttrType: type <cimport, nodecl, using> = @enum(cint){
	TF_ATTR_STRING = 0,
	TF_ATTR_INT = 1,
	TF_ATTR_FLOAT = 2,
	TF_ATTR_BOOL = 3,

	<?

	//
	// AUTO KEYWORD-BASED FOLLOWER CURATION BOT (by @levelsio)
	//
	// File: twitterFollowerCuratorBot.php
	//
	// Created: May 2021
	// License: MIT
	//