React:
import { useState } from "react";
function Counter() {
const [count, setCount] = useState(0);
return (
<button onClick={() => setCount(count + 1)}>
Count: {count}
</button>
);
}
----------
Svelte:
<script>
let count = 0;
</script>
<button on:click={() => count += 1}>
Count: {count}
</button>
---------------
React:
function Editor({ initialText }) {
const [text, setText] = useState(initialText);
useEffect(() => {
setText(initialText);
}, [initialText]);
return (
<textarea
value={text}
onChange={e => setText(e.target.value)}
/>
);
}
---------------------
Svelte:
<script>
export let initialText;
let text = initialText;
$: text = initialText;
</script>
<textarea bind:value={text} />