Remix and Radix fanboi. Created govuk-react. Prev UI consultant @Speechmatics, @NearForm, @IBM. DreamBerd consultant (world first) @penx@fosstodon.org
- Tweets974
- Following830
- Followers244
- Likes1.9K
![Code screenshot: ```tsx const MyComponent = lazy(() => import("./MyComponent")); function App() { return ( <Suspense> <UseEffect /> </Suspense> ); } function UseEffect() { const [effectCounter, setEffectCounter] = useState(0); useEffect(() => { setEffectCounter((x) => x + 1); }, []); const [clickCounter, setClickCounter] = useState(0); return ( <> <div>clicks: {clickCounter}</div> <div>effects: {effectCounter}</div> <button onClick={() => setClickCounter((x) => x + 1)}>+1</button> {clickCounter < 2 ? ( <div>Suspend will happen on 2nd click</div> ) : ( <MyComponent /> )} </> ); } ```](https://pbs.twimg.com/media/GpVYXxUXMAAbZ7j.jpg?name=orig)
ALT Code screenshot: ```tsx const MyComponent = lazy(() => import("./MyComponent")); function App() { return ( <Suspense> <UseEffect /> </Suspense> ); } function UseEffect() { const [effectCounter, setEffectCounter] = useState(0); useEffect(() => { setEffectCounter((x) => x + 1); }, []); const [clickCounter, setClickCounter] = useState(0); return ( <> <div>clicks: {clickCounter}</div> <div>effects: {effectCounter}</div> <button onClick={() => setClickCounter((x) => x + 1)}>+1</button> {clickCounter < 2 ? ( <div>Suspend will happen on 2nd click</div> ) : ( <MyComponent /> )} </> ); } ```
ALT Me presenting at the Remix London meetup
![const a = [{}] as const; const b: typeof a = [false];](https://pbs.twimg.com/media/GPUQUJ0XgAAfrcN.png?name=orig)
ALT const a = [{}] as const; const b: typeof a = [false];
