Reposted by Rob Palmer
Rob Palmer
@robpalmer.bsky.social
8.2K followers 790 following 798 posts
JavaScript Infrastructure & Tooling at Bloomberg. Co-chairing TC39. Likely to tweet tech stuff about JS & software performance. Opinions are my own.
JavaScript Infrastructure & Tooling at Bloomberg. Co-chairing TC39. Likely to tweet tech stuff about JS & software performance. Opinions are my own.
![// Counter.tsrx — hooks next to output, no rules of hooks
import { useState, useEffect } from 'octane';
export function Counter(props) @{
const [count, setCount] = useState(0);
// A hook behind a condition is fine — slots are
// assigned by call site, not call order.
if (!props.paused) {
useEffect(() => {
console.log('count is now', count);
}); // the compiler infers [count]
}
<button onClick={() => setCount(count + 1)}>{'Count: ' + count}</button>
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:e32yv4womglmqogqi2vvuk6b/bafkreihuwq3jfzwx2mxzm25vcynkwi6nk4rosykpohovghmng3e3nzerhq)
