{"version":"1.0","type":"rich","title":"React Starter","description":"This example demonstrates a React component that displays the current value of a counter alongside the value from the previous render using the `useState`, `useRef`, and `useEffect` hooks. The code uses React’s `ReactDOM.render` to mount the component into the `#root` element defined in `index.html`. A custom `prevCountRef` stores the value from the previous state update, which is then displayed in the header. The counter starts at 20 and shows the before/after values on each render.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/552e45b1731d4d91b7e8aeb666d2ac4e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}