Pinned
Folks keep asking for an IRL use case for @tan_stack Start RSCs. Ok, here you go; partial page caching. CDN cache bust or TTL your pages at a component level granularity.
I kept talking about it, but not showing it, so here is a deep dive video with code.
![// 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://pbs.twimg.com/media/HOPoguXXAAAEnKq?format=webp&name=medium)
