{"version":"1.0","type":"rich","title":"Gist f4490dceceab7519aec2f3f481752369","description":"This React example demonstrates a todo-list input form that dispatches an asynchronous action when submitted. The component uses `react-redux`’s `connect` to access the `dispatch` function, and calls `addTodoAsync` (an action creator) with the trimmed input value, logging `'done!'` to the console once the promise resolves. The form prevents default submission, clears the input after dispatch, and disables adding empty entries. The code shows the pattern of binding a Redux action to a user interface event, though it does not render any visualization or charting logic.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-f4490dceceab7519aec2f3f481752369?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}