{"version":"1.0","type":"rich","title":"React cheatsheet","description":"This animated React cheatsheet presents reusable code patterns for hooks, state management, and component composition. The example uses React hooks including `useState`, `useEffect`, `useRef`, `useReducer`, and `useContext`, alongside custom hooks like `useTimeout` and higher-order components. It demonstrates conditional JSX rendering, callback-based state updates, and the containment pattern via props slots. The animation shows code snippets transitioning between sections, sourced from a gist by abernier.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-8dd1b6d1418d81d527d88ac2690085fc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}