{"blocks": [{"key": "e087038a", "text": "Question", "type": "header-two", "depth": 0, "inlineStyleRanges": [], "entityRanges": [], "data": {}}, {"key": "17e0f8d0", "text": "Design and implement a video playlist component in React that displays multiple video thumbnails, plays the selected video while stopping others, and provides a 'Play All' button to sequentially play all videos. If the list contains many videos, how would you optimize performance? What approaches would you use to manage component state more clearly (e.g., React Context or reducer patterns)? How would you split and structure the component hierarchy to improve maintainability and extensibility?", "type": "unstyled", "depth": 0, "inlineStyleRanges": [], "entityRanges": [], "data": {}}], "entityMap": {}}