14 Adding classes dynamically Getting Started with React A Complete React Course
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"}]}},{"compositeVideoPrimaryInfoRenderer":{}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CNwBELsvGAMiEwix1qmDhr6MAxWfTHoFHZmGCwI=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC1BBdjVnRXFVMGZJGAYyJSIRIgtQQXY1Z0VxVTBmSTAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CNwBELsvGAMiEwix1qmDhr6MAxWfTHoFHZmGCwI=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CNsBELovIhMIsdapg4a-jAMVn0x6BR2ZhgsC"}},"secondaryResults":{"secondaryResults":{"results":[{"lockupViewModel":{"contentImage":{"thumbnailViewModel":{"image":{"sources":[{"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}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"text":"18:36","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","animationActivationTargetId":"1Vxe-1V0ADw","animationActivationEntityKey":"Eh8veW91dHViZS9hcHAvd2F0Y2gvcGxheWVyX3N0YXRlIMMCKAE%3D","lottieData":{"url":"https://www.gstatic.com/youtube/img/lottie/audio_indicator/audio_indicator_v2.json","settings":{"loop":true,"autoplay":true}},"animatedText":"Сега слушате","animationActivationEntitySelectorType":"THUMBNAIL_BADGE_ANIMATION_ENTITY_SELECTOR_TYPE_PLAYER_STATE","rendererContext":{"accessibilityContext":{"label":"18 минути и 36 секунди"}}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"animatedThumbnailOverlayViewModel":{"thumbnail":{"sources":[{"url":"https://i.ytimg.com/an_webp/1Vxe-1V0ADw/mqdefault_6s.webp?du=3000 sqp=CPCnvr8G rs=AOn4CLCvDHxVmzZLGxv5TpQIs4odw8A0Aw","width":320,"height":180}]}}},{"thumbnailHoverOverlayToggleActionsViewModel":{"buttons":[{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"WATCH_LATER","onTap":{"innertubeCommand":{"clickTrackingParams":"CNoBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"1Vxe-1V0ADw","action":"ACTION_ADD_VIDEO"}]}}},"accessibilityText":"За гледане по-късно","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNoBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","onTap":{"innertubeCommand":{"clickTrackingParams":"CNkBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"1Vxe-1V0ADw"}]}}},"accessibilityText":"Добавен","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNkBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CNMBENTEDBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC"}},{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"ADD_TO_QUEUE_TAIL","onTap":{"innertubeCommand":{"clickTrackingParams":"CNgBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNgBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"1Vxe-1V0ADw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNgBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["1Vxe-1V0ADw"],"params":"CAQ%3D"}},"videoIds":["1Vxe-1V0ADw"],"videoCommand":{"clickTrackingParams":"CNgBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=1Vxe-1V0ADw","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"1Vxe-1V0ADw","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 onvi=1 id=d55c5efb5574003c ip=185.82.219.199 initcwndbps=1596250 mt=1743757988 oweuc= pxtags=Cg4KAnR4Egg1MTQxNDI0MA rxtags=Cg4KAnR4Egg1MTQxNDIzOQ%2CCg4KAnR4Egg1MTQxNDI0MA"}}}}}}}]}}},"accessibilityText":"Добавяне в опашката","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNgBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","accessibilityText":"Добавен","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNcBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CNMBENTEDBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC"}}]}}]}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"#15 Passing data via props | Getting Started with React | A Complete React Course"},"image":{"decoratedAvatarViewModel":{"avatar":{"avatarViewModel":{"image":{"sources":[{"url":"https://yt3.ggpht.com/kozMhLqd5EUP-NFzFp1DcTUd67xiJ8vam0No6Y9HNYif-n4RhnzTNzUvMncki3oGQnBw86WOUw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"avatarImageSize":"AVATAR_SIZE_M"}},"a11yLabel":"Към канала","rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNMBENTEDBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"url":"/@procademy","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC5qYq6IWRqM2SYpIM_9Xp8A","canonicalBaseUrl":"/@procademy"}}}}}}},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"procademy"}}]},{"metadataParts":[{"text":{"content":"8,6 хил. показвания"}},{"text":{"content":"преди 2 години"}}]}],"delimiter":" • "}},"menuButton":{"buttonViewModel":{"iconName":"MORE_VERT","onTap":{"innertubeCommand":{"clickTrackingParams":"CNQBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","showSheetCommand":{"panelLoadingStrategy":{"inlineContent":{"sheetViewModel":{"content":{"listViewModel":{"listItems":[{"listItemViewModel":{"title":{"content":"Добавяне в опашката"},"leadingImage":{"sources":[{"clientResource":{"imageName":"ADD_TO_QUEUE_TAIL"}}]},"rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CNYBEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC"}},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNYBEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNYBEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","addToPlaylistCommand":{"openMiniplayer":true,"videoId":"1Vxe-1V0ADw","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNYBEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["1Vxe-1V0ADw"],"params":"CAQ%3D"}},"videoIds":["1Vxe-1V0ADw"],"videoCommand":{"clickTrackingParams":"CNYBEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=1Vxe-1V0ADw","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"1Vxe-1V0ADw","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 onvi=1 id=d55c5efb5574003c ip=185.82.219.199 initcwndbps=1596250 mt=1743757988 oweuc= pxtags=Cg4KAnR4Egg1MTQxNDI0MA rxtags=Cg4KAnR4Egg1MTQxNDIzOQ%2CCg4KAnR4Egg1MTQxNDI0MA"}}}}}}}]}}}}}}},{"listItemViewModel":{"title":{"content":"Споделяне"},"leadingImage":{"sources":[{"clientResource":{"imageName":"SHARE"}}]},"rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNQBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgsxVnhlLTFWMEFEdw%3D%3D","commands":[{"clickTrackingParams":"CNQBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CNUBEI5iIhMIsdapg4a-jAMVn0x6BR2ZhgsC","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}}}}}}}]}}}}}}}},"accessibilityText":"Още действия","style":"BUTTON_VIEW_MODEL_STYLE_MONO","trackingParams":"CNQBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TEXT","buttonSize":"BUTTON_VIEW_MODEL_SIZE_DEFAULT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}}}},"contentId":"1Vxe-1V0ADw","contentType":"LOCKUP_CONTENT_TYPE_VIDEO","rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CNMBENTEDBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","clientVeSpec":{"uiType":205396,"veCounter":739525379}}},"accessibilityContext":{"label":"#15 Passing data via props | Getting Started with React | A Complete React Course от „procademy“ 8689 показвания преди 2 години 18 минути"},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNMBENTEDBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsCMgdyZWxhdGVkSPKj09SEsP6FPJoBBQgBEPgd","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 onvi=1 id=d55c5efb5574003c ip=185.82.219.199 initcwndbps=1596250 mt=1743757988 oweuc= pxtags=Cg4KAnR4Egg1MTQxNDI0MA rxtags=Cg4KAnR4Egg1MTQxNDIzOQ%2CCg4KAnR4Egg1MTQxNDI0MA"}}}}}}}}}},{"lockupViewModel":{"contentImage":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/E8lXC2mR6-k/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLDHdyl21RjKClddcYp2h2qc5dJolg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/E8lXC2mR6-k/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLApV6FQqhV9nvWCTRqCLh3eGoUZOA","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"text":"12:18","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","animationActivationTargetId":"E8lXC2mR6-k","animationActivationEntityKey":"Eh8veW91dHViZS9hcHAvd2F0Y2gvcGxheWVyX3N0YXRlIMMCKAE%3D","lottieData":{"url":"https://www.gstatic.com/youtube/img/lottie/audio_indicator/audio_indicator_v2.json","settings":{"loop":true,"autoplay":true}},"animatedText":"Сега слушате","animationActivationEntitySelectorType":"THUMBNAIL_BADGE_ANIMATION_ENTITY_SELECTOR_TYPE_PLAYER_STATE","rendererContext":{"accessibilityContext":{"label":"12 минути и 18 секунди"}}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"animatedThumbnailOverlayViewModel":{"thumbnail":{"sources":[{"url":"https://i.ytimg.com/an_webp/E8lXC2mR6-k/mqdefault_6s.webp?du=3000 sqp=CPbHvr8G rs=AOn4CLAF8RpGp2SdUS2nk-rTzme6pQhK8Q","width":320,"height":180}]}}},{"thumbnailHoverOverlayToggleActionsViewModel":{"buttons":[{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"WATCH_LATER","onTap":{"innertubeCommand":{"clickTrackingParams":"CNIBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"E8lXC2mR6-k","action":"ACTION_ADD_VIDEO"}]}}},"accessibilityText":"За гледане по-късно","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNIBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","onTap":{"innertubeCommand":{"clickTrackingParams":"CNEBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"E8lXC2mR6-k"}]}}},"accessibilityText":"Добавен","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNEBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CMsBENTEDBgBIhMIsdapg4a-jAMVn0x6BR2ZhgsC"}},{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"ADD_TO_QUEUE_TAIL","onTap":{"innertubeCommand":{"clickTrackingParams":"CNABEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNABEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"E8lXC2mR6-k","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNABEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["E8lXC2mR6-k"],"params":"CAQ%3D"}},"videoIds":["E8lXC2mR6-k"],"videoCommand":{"clickTrackingParams":"CNABEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=E8lXC2mR6-k","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"E8lXC2mR6-k","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4s.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 onvi=1 id=13c9570b6991ebe9 ip=185.82.219.199 initcwndbps=2843750 mt=1743757988 oweuc= pxtags=Cg4KAnR4Egg1MTQxNDI0MA rxtags=Cg4KAnR4Egg1MTQxNDIzOQ%2CCg4KAnR4Egg1MTQxNDI0MA"}}}}}}}]}}},"accessibilityText":"Добавяне в опашката","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNABEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","accessibilityText":"Добавен","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CM8BEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CMsBENTEDBgBIhMIsdapg4a-jAMVn0x6BR2ZhgsC"}}]}}]}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"Master React JS in easy way"},"image":{"decoratedAvatarViewModel":{"avatar":{"avatarViewModel":{"image":{"sources":[{"url":"https://yt3.ggpht.com/OtO6tCDjPSx4XZKj4AQdI4jXHoaIaKv_UU2Q_3uw4chk3ifTyhMFSBYJaoMjySb-ihS_ILd7Nw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"avatarImageSize":"AVATAR_SIZE_M"}},"a11yLabel":"Към канала","rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CMsBENTEDBgBIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"url":"/@Nova_Designs_","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UClNFeG4Smv1G7PIl9YCLkfA","canonicalBaseUrl":"/@Nova_Designs_"}}}}}}},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Nova Designs"}}]},{"metadataParts":[{"text":{"content":"182 хил. показвания"}},{"text":{"content":"преди 8 месеца"}}]}],"delimiter":" • "}},"menuButton":{"buttonViewModel":{"iconName":"MORE_VERT","onTap":{"innertubeCommand":{"clickTrackingParams":"CMwBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","showSheetCommand":{"panelLoadingStrategy":{"inlineContent":{"sheetViewModel":{"content":{"listViewModel":{"listItems":[{"listItemViewModel":{"title":{"content":"Добавяне в опашката"},"leadingImage":{"sources":[{"clientResource":{"imageName":"ADD_TO_QUEUE_TAIL"}}]},"rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CM4BEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC"}},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CM4BEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CM4BEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","addToPlaylistCommand":{"openMiniplayer":true,"videoId":"E8lXC2mR6-k","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CM4BEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["E8lXC2mR6-k"],"params":"CAQ%3D"}},"videoIds":["E8lXC2mR6-k"],"videoCommand":{"clickTrackingParams":"CM4BEP6YBBgAIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=E8lXC2mR6-k","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"E8lXC2mR6-k","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4s.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 onvi=1 id=13c9570b6991ebe9 ip=185.82.219.199 initcwndbps=2843750 mt=1743757988 oweuc= pxtags=Cg4KAnR4Egg1MTQxNDI0MA rxtags=Cg4KAnR4Egg1MTQxNDIzOQ%2CCg4KAnR4Egg1MTQxNDI0MA"}}}}}}}]}}}}}}},{"listItemViewModel":{"title":{"content":"Споделяне"},"leadingImage":{"sources":[{"clientResource":{"imageName":"SHARE"}}]},"rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CMwBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtFOGxYQzJtUjYtaw%3D%3D","commands":[{"clickTrackingParams":"CMwBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CM0BEI5iIhMIsdapg4a-jAMVn0x6BR2ZhgsC","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}}}}}}}]}}}}}}}},"accessibilityText":"Още действия","style":"BUTTON_VIEW_MODEL_STYLE_MONO","trackingParams":"CMwBEPBbIhMIsdapg4a-jAMVn0x6BR2ZhgsC","type":"BUTTON_VIEW_MODEL_TYPE_TEXT","buttonSize":"BUTTON_VIEW_MODEL_SIZE_DEFAULT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}}}},"contentId":"E8lXC2mR6-k","contentType":"LOCKUP_CONTENT_TYPE_VIDEO","rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CMsBENTEDBgBIhMIsdapg4a-jAMVn0x6BR2ZhgsC","clientVeSpec":{"uiType":205396,"veCounter":739525378}}},"accessibilityContext":{"label":"Master React JS in easy way от „Nova Designs“ 182 792 показвания преди 8 месеца 12 минути и 18 секунди"},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CMsBENTEDBgBIhMIsdapg4a-jAMVn0x6BR2ZhgsCMgdyZWxhdGVkSPKj09SEsP6FPJoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=E8lXC2mR6-k","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"E8lXC2mR6-k","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4s.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 onvi=1 id=13c9570b6991ebe9 ip=185.82.219.199 initcwndbps=2843750 mt=1743757988 oweuc= pxtags=Cg4KAnR4Egg1MTQxNDI0MA rxtags=Cg4KAnR4Egg1MTQxNDIzOQ%2CCg4KAnR4Egg1MTQxNDI0MA"}}}}}}}}}},{"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 видеоклипа","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":"Пускане на всички","styleRuns":[{"startIndex":0,"length":17}]},"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
#############################
