bloomberg.github.io
Supporting Integrations | Stricli
Introducing a new way to extend Stricli applications with enhanced functionality. Integrations allow developers to add new features to their applications without modifying the core application configu...
![// 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)
