Preact - 3kb React'a

    class Droid extends Component {
        constructor () {
            super();
            this.state = {
                message: 'I Suggest A New Strategy, R2 - Let The Wookiee Win.'
            };
        }
        render(props, {message}) {
          return (
            <div>
                <p class="droid-message">{message}</p>
            </div>
          )
        }
    }

import { h, Component } from 'preact';
import { useState } from 'preact/hooks';

const Counter = () => {
  const [count, setCount] = useState(0);
  const increment = () => setCount(count + 1);
  const decrement = () => setCount(count - 1);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
    </div>
  )
}

# instalacja preacta
npm i --save preact

# instalacja preact-compat
npm i --save preact-compat

# instalacja globalna preact-cli (command-line interface)
npm install -g preact-cli

# utworzenie projektu, default odwołuje się do wybranego szablonu (np. material, simple,typescript)
npx preact create default my-project

# wejdź do utworzonego folderu
cd my-project

# uruchom serwer deweloperski
npm run dev

# ew. stworzenie template.html w folderze src oraz poinformowani Preacta o tym
preact watch --template src/template.html

// TypeScript >= 4.1.1
{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "preact",
    //...
  }
}