🔴Add And Remove ACTIVE Class ONCLICK HTML CSS amp JAVASCRIPT TUMEJORWEB💜
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=PAv5gEqU0fI
In this lecture you will learn how to add CSS / Bootstrap classes dynamically on a JSX element in React. You will learn to add one of the two bootstrap class to an element dynamically based on a given condition.","styleRuns":[{"startIndex":0,"length":211,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":211,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CMYBELsvGAIiEwjYk7fUoNuLAxUJxUIFHawrBUM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC1BBdjVnRXFVMGZJGAYyJSIRIgtQQXY1Z0VxVTBmSTAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CMYBELsvGAIiEwjYk7fUoNuLAxUJxUIFHawrBUM=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CMUBELovIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"1Vxe-1V0ADw","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/1Vxe-1V0ADw/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLBXdADgq66L1UcGIIeTJnvkvrXozw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/1Vxe-1V0ADw/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLB78qGRLxr-RhVavZoF1sVFzOdRBg","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"#15 Passing data via props | Getting Started with React | A Complete React Course by procademy 8,419 views 2 years ago 18 minutes"}},"simpleText":"#15 Passing data via props | Getting Started with React | A Complete React Course"},"longBylineText":{"runs":[{"text":"procademy","navigationEndpoint":{"clickTrackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@procademy","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC5qYq6IWRqM2SYpIM_9Xp8A","canonicalBaseUrl":"/@procademy"}}}]},"publishedTimeText":{"simpleText":"2 years ago"},"viewCountText":{"simpleText":"8,419 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"18 minutes, 36 seconds"}},"simpleText":"18:36"},"navigationEndpoint":{"clickTrackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWRI8qPT1ISw_oU8mgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=1Vxe-1V0ADw","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"1Vxe-1V0ADw","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=d55c5efb5574003c ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1445000 mt=1740363416 oweuc= pxtags=Cg4KAnR4Egg1MTM5MzE2NA rxtags=Cg4KAnR4Egg1MTM5MzE2MA%2CCg4KAnR4Egg1MTM5MzE2MQ%2CCg4KAnR4Egg1MTM5MzE2Mg%2CCg4KAnR4Egg1MTM5MzE2Mw%2CCg4KAnR4Egg1MTM5MzE2NA"}}}}},"shortBylineText":{"runs":[{"text":"procademy","navigationEndpoint":{"clickTrackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@procademy","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC5qYq6IWRqM2SYpIM_9Xp8A","canonicalBaseUrl":"/@procademy"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/kozMhLqd5EUP-NFzFp1DcTUd67xiJ8vam0No6Y9HNYif-n4RhnzTNzUvMncki3oGQnBw86WOUw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUNAvIDQq7Xfl67VAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"8.4K views"}},"simpleText":"8.4K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMMBEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMMBEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"1Vxe-1V0ADw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMMBEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["1Vxe-1V0ADw"],"params":"CAQ%3D"}},"videoIds":["1Vxe-1V0ADw"]}},{"clickTrackingParams":"CMMBEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CMQBELlqIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},"popupType":"TOAST"}}]}},"trackingParams":"CMMBEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CMIBENGqBRgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","offlineVideoEndpoint":{"videoId":"1Vxe-1V0ADw","onAddCommand":{"clickTrackingParams":"CMIBENGqBRgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","getDownloadActionCommand":{"videoId":"1Vxe-1V0ADw","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CMIBENGqBRgHIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgsxVnhlLTFWMEFEdw%3D%3D","commands":[{"clickTrackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUM=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMEBEI5iIhMI2JO31KDbiwMVCcVCBR2sKwVD","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUM=","hasSeparator":true}}],"trackingParams":"CL4BEKQwGAAiEwjYk7fUoNuLAxUJxUIFHawrBUM=","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"18 minutes, 36 seconds"}},"simpleText":"18:36"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMABEPnnAxgBIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"1Vxe-1V0ADw","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMABEPnnAxgBIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"1Vxe-1V0ADw"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMABEPnnAxgBIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CL8BEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CL8BEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"1Vxe-1V0ADw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CL8BEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["1Vxe-1V0ADw"],"params":"CAQ%3D"}},"videoIds":["1Vxe-1V0ADw"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CL8BEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"#15 Passing data via props | Getting Started with React | A Complete React Course - 18 minutes - Go to channel - procademy - 8.4K views - 2 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/1Vxe-1V0ADw/mqdefault_6s.webp?du=3000 sqp=CLiK770G rs=AOn4CLC6P8JLw3Z5sA-eH1ZS1OGEcj-1sQ","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"nDGA3km5He4","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/nDGA3km5He4/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLA2YHglvVc4EDJxmIdi1Ho6eAudSA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/nDGA3km5He4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDuhOSTyQ2sVUlAzEqPAIizPtTzbw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"React Router 6 – Full Course by freeCodeCamp.org 261,379 views 1 year ago 9 hours, 44 minutes"}},"simpleText":"React Router 6 – Full Course"},"longBylineText":{"runs":[{"text":"freeCodeCamp.org","navigationEndpoint":{"clickTrackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@freecodecamp","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC8butISFwT-Wl7EV0hUK0BQ","canonicalBaseUrl":"/@freecodecamp"}}}]},"publishedTimeText":{"simpleText":"1 year ago"},"viewCountText":{"simpleText":"261,379 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"9 hours, 44 minutes, 43 seconds"}},"simpleText":"9:44:43"},"navigationEndpoint":{"clickTrackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWRI8qPT1ISw_oU8mgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=nDGA3km5He4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"nDGA3km5He4","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-nv47lns6.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=9c3180de49b91dee ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=643750 mt=1740363416 oweuc= pxtags=Cg4KAnR4Egg1MTM5MzE2NA rxtags=Cg4KAnR4Egg1MTM5MzE2MA%2CCg4KAnR4Egg1MTM5MzE2MQ%2CCg4KAnR4Egg1MTM5MzE2Mg%2CCg4KAnR4Egg1MTM5MzE2Mw%2CCg4KAnR4Egg1MTM5MzE2NA"}}}}},"shortBylineText":{"runs":[{"text":"freeCodeCamp.org","navigationEndpoint":{"clickTrackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@freecodecamp","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC8butISFwT-Wl7EV0hUK0BQ","canonicalBaseUrl":"/@freecodecamp"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_lGRc-05M2OoE1ejQdxeFhyP7OkJg9h4Y-7CK_5je3QqFI=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUM=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUNA7rvkzeSb4JicAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"261K views"}},"simpleText":"261K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLwBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLwBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"nDGA3km5He4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLwBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["nDGA3km5He4"],"params":"CAQ%3D"}},"videoIds":["nDGA3km5He4"]}},{"clickTrackingParams":"CLwBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CL0BELlqIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},"popupType":"TOAST"}}]}},"trackingParams":"CLwBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLsBENGqBRgIIhMI2JO31KDbiwMVCcVCBR2sKwVD","offlineVideoEndpoint":{"videoId":"nDGA3km5He4","onAddCommand":{"clickTrackingParams":"CLsBENGqBRgIIhMI2JO31KDbiwMVCcVCBR2sKwVD","getDownloadActionCommand":{"videoId":"nDGA3km5He4","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLsBENGqBRgIIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtuREdBM2ttNUhlNA%3D%3D","commands":[{"clickTrackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUM=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLoBEI5iIhMI2JO31KDbiwMVCcVCBR2sKwVD","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUM=","hasSeparator":true}}],"trackingParams":"CLcBEKQwGAEiEwjYk7fUoNuLAxUJxUIFHawrBUM=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"9 hours, 44 minutes, 43 seconds"}},"simpleText":"9:44:43"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLkBEPnnAxgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"nDGA3km5He4","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLkBEPnnAxgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"nDGA3km5He4"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLkBEPnnAxgCIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLgBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLgBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"nDGA3km5He4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLgBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["nDGA3km5He4"],"params":"CAQ%3D"}},"videoIds":["nDGA3km5He4"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLgBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"React Router 6 – Full Course - 9 hours, 44 minutes - Go to channel - freeCodeCamp.org - 261K views - 1 year ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/nDGA3km5He4/mqdefault_6s.webp?du=3000 sqp=CKSd770G rs=AOn4CLBOgt4jof7kOysshi7z4GQy1bZLYg","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"Xc6G3oV24yE","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/Xc6G3oV24yE/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLC3mk8feIRzZQT9-5KmOe-_afLYbw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/Xc6G3oV24yE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDEz_w4RiUcqsloA7xk5lr47Ox6nw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Top 10 CSS One Liners That Will Blow Your Mind by developedbyed 996,873 views 2 years ago 13 minutes, 34 seconds"}},"simpleText":"Top 10 CSS One Liners That Will Blow Your Mind"},"longBylineText":{"runs":[{"text":"developedbyed","navigationEndpoint":{"clickTrackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@developedbyed","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UClb90NQQcskPUGDIXsQEz5Q","canonicalBaseUrl":"/@developedbyed"}}}]},"publishedTimeText":{"simpleText":"2 years ago"},"viewCountText":{"simpleText":"996,873 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"13 minutes, 34 seconds"}},"simpleText":"13:34"},"navigationEndpoint":{"clickTrackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWRI8qPT1ISw_oU8mgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=Xc6G3oV24yE","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"Xc6G3oV24yE","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr3---sn-nv47lnsk.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=5dce86de8576e321 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=643750 mt=1740363416 oweuc= pxtags=Cg4KAnR4Egg1MTM5MzE2NA rxtags=Cg4KAnR4Egg1MTM5MzE2MA%2CCg4KAnR4Egg1MTM5MzE2MQ%2CCg4KAnR4Egg1MTM5MzE2Mg%2CCg4KAnR4Egg1MTM5MzE2Mw%2CCg4KAnR4Egg1MTM5MzE2NA"}}}}},"shortBylineText":{"runs":[{"text":"developedbyed","navigationEndpoint":{"clickTrackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@developedbyed","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UClb90NQQcskPUGDIXsQEz5Q","canonicalBaseUrl":"/@developedbyed"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/fwO10Ay61s_CaO2UweJGalew89tUD3X65vA4Uj2UN9wbgg2MJM5591khoyrUir8FpYrBD0crsw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUM=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUNAocbbq-jboedd","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"996K views"}},"simpleText":"996K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLUBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLUBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"Xc6G3oV24yE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLUBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["Xc6G3oV24yE"],"params":"CAQ%3D"}},"videoIds":["Xc6G3oV24yE"]}},{"clickTrackingParams":"CLUBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLYBELlqIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},"popupType":"TOAST"}}]}},"trackingParams":"CLUBEP6YBBgHIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLQBENGqBRgIIhMI2JO31KDbiwMVCcVCBR2sKwVD","offlineVideoEndpoint":{"videoId":"Xc6G3oV24yE","onAddCommand":{"clickTrackingParams":"CLQBENGqBRgIIhMI2JO31KDbiwMVCcVCBR2sKwVD","getDownloadActionCommand":{"videoId":"Xc6G3oV24yE","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLQBENGqBRgIIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtYYzZHM29WMjR5RQ%3D%3D","commands":[{"clickTrackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUM=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLMBEI5iIhMI2JO31KDbiwMVCcVCBR2sKwVD","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUM=","hasSeparator":true}}],"trackingParams":"CLABEKQwGAIiEwjYk7fUoNuLAxUJxUIFHawrBUM=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"13 minutes, 34 seconds"}},"simpleText":"13:34"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLIBEPnnAxgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"Xc6G3oV24yE","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLIBEPnnAxgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"Xc6G3oV24yE"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLIBEPnnAxgCIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLEBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLEBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"Xc6G3oV24yE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLEBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["Xc6G3oV24yE"],"params":"CAQ%3D"}},"videoIds":["Xc6G3oV24yE"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLEBEMfsBBgDIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Top 10 CSS One Liners That Will Blow Your Mind - 13 minutes, 34 seconds - Go to channel - developedbyed - 996K views - 2 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/Xc6G3oV24yE/mqdefault_6s.webp?du=3000 sqp=CJiX770G rs=AOn4CLBYg5bq6xXftzScSqybuySfivPDFg","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"wIyHSOugGGw","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/wIyHSOugGGw/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLATpIYPqT7mfEYZPlwD8lKvmXRwHQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/wIyHSOugGGw/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDowhFrFSdPeEdPc9nwzTs3JhTNQg","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Every React Concept Explained in 12 Minutes by Code Bootcamp 1,002,959 views 11 months ago 11 minutes, 53 seconds"}},"simpleText":"Every React Concept Explained in 12 Minutes"},"longBylineText":{"runs":[{"text":"Code Bootcamp","navigationEndpoint":{"clickTrackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@TheCodeBootcamp","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC-kHm7pG884IYQiYwqJWv9A","canonicalBaseUrl":"/@TheCodeBootcamp"}}}]},"publishedTimeText":{"simpleText":"11 months ago"},"viewCountText":{"simpleText":"1,002,959 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"11 minutes, 53 seconds"}},"simpleText":"11:53"},"navigationEndpoint":{"clickTrackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWRI8qPT1ISw_oU8mgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=wIyHSOugGGw","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"wIyHSOugGGw","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr3---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=c08c8748eba0186c ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1445000 mt=1740363416 oweuc= pxtags=Cg4KAnR4Egg1MTM5MzE2NA rxtags=Cg4KAnR4Egg1MTM5MzE2MA%2CCg4KAnR4Egg1MTM5MzE2MQ%2CCg4KAnR4Egg1MTM5MzE2Mg%2CCg4KAnR4Egg1MTM5MzE2Mw%2CCg4KAnR4Egg1MTM5MzE2NA"}}}}},"shortBylineText":{"runs":[{"text":"Code Bootcamp","navigationEndpoint":{"clickTrackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUMyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@TheCodeBootcamp","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC-kHm7pG884IYQiYwqJWv9A","canonicalBaseUrl":"/@TheCodeBootcamp"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/f6JRugd0pxGhDtbPy8TZXpGsTMn3oWX3k2_uxmwNv0TGEAumkezVGISaIQOHTo3cP5iOwXbjfw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUNA7LCA3Y7pocbAAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"1 million views"}},"simpleText":"1M views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CK4BEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CK4BEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"wIyHSOugGGw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CK4BEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["wIyHSOugGGw"],"params":"CAQ%3D"}},"videoIds":["wIyHSOugGGw"]}},{"clickTrackingParams":"CK4BEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CK8BELlqIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},"popupType":"TOAST"}}]}},"trackingParams":"CK4BEP6YBBgGIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CK0BENGqBRgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","offlineVideoEndpoint":{"videoId":"wIyHSOugGGw","onAddCommand":{"clickTrackingParams":"CK0BENGqBRgHIhMI2JO31KDbiwMVCcVCBR2sKwVD","getDownloadActionCommand":{"videoId":"wIyHSOugGGw","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CK0BENGqBRgHIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUM=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt3SXlIU091Z0dHdw%3D%3D","commands":[{"clickTrackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUM=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CKwBEI5iIhMI2JO31KDbiwMVCcVCBR2sKwVD","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUM=","hasSeparator":true}}],"trackingParams":"CKkBEKQwGAMiEwjYk7fUoNuLAxUJxUIFHawrBUM=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"11 minutes, 53 seconds"}},"simpleText":"11:53"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKsBEPnnAxgBIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"wIyHSOugGGw","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CKsBEPnnAxgBIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"wIyHSOugGGw"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKsBEPnnAxgBIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKoBEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKoBEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"wIyHSOugGGw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKoBEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["wIyHSOugGGw"],"params":"CAQ%3D"}},"videoIds":["wIyHSOugGGw"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKoBEMfsBBgCIhMI2JO31KDbiwMVCcVCBR2sKwVD"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Every React Concept Explained in 12 Minutes - 11 minutes, 53 seconds - Go to channel - Code Bootcamp - 1M views - 11 months ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/wIyHSOugGGw/mqdefault_6s.webp?du=3000 sqp=CNCd770G rs=AOn4CLAivPULlIrxaYsio7g6_yjiPT4l0Q","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/emzrev03Ppc/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLA9f9P65gk8ldICpdqkdUoL5HzlzA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/emzrev03Ppc/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLDYpMblpJMyfiSri1y3UehScrFOpQ","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"82 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":2631720,"darkTheme":2631720}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAY_ALL"}}]},"text":{"content":"Play all","styleRuns":[{"startIndex":0,"length":8}]},"style":"THUMBNAIL_HOVER_OVERLAY_STYLE_COVER"}}],"backgroundColor":{"lightTheme":3750201,"darkTheme":3750201}}},"stackColor":{"lightTheme":12566463,"darkTheme":9211020}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"Complete React Course Step By Step 2022"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"procademy
#############################
