{"version":"1.0","type":"rich","title":"Gist d7dc5ecb9564a880caa4851fd50d6dbe","description":"This example demonstrates the React component lifecycle by logging every phase for both a parent and child component. A parent component manages an input field and passes its text state to a child component, which re-renders with the updated props. The code uses React’s `createClass`, `render`, `setState`, and lifecycle methods such as `componentWillMount`, `componentDidMount`, `componentWillReceiveProps`, `shouldComponentUpdate`, and `componentDidUpdate`. Console output shows the order of lifecycle calls for both components as the user types, clarifying how prop updates trigger child re-renders.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-d7dc5ecb9564a880caa4851fd50d6dbe?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}