{"version":"1.0","type":"rich","title":"React Hooks Starter","description":"A React Hooks demonstration shows a grid of apple emoji whose count starts at 24 and adjusts with plus/minus buttons. The `Tree` component uses `React.useReducer` to manage the count state, while `React.useEffect` tracks mounting and updates a status message. Each apple renders through a separate `Apple` component that sets a message via `React.useState`. The code uses React 16.10 UMD builds and plain CSS for button styling, with the interactive behavior centered on toggling the reducer actions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/450bb194ff1c48a18d5795f03d747ebf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}