How to Run React.js in Codepen.io - React Tutorial for Beginners 2020
{"pages":{"search":{"query":"videoid:10367877945266717536","originalQuery":"","serpid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","parentReqid":"","serpItems":[{"id":"10367877945266717536-0-0","type":"videoSnippet","props":{"videoId":"10367877945266717536"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com.tr/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Bölgeniz Columbus","needRetpath":true}]},{"type":"help","links":[{"label":"Bize ulaşın","url":"https://yandex.com.tr/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Yardım","url":"https://yandex.com.tr/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Ayarlar","url":"https://yandex.com.tr/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"Şirket hakkında","url":"//yandex.com.tr/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Kullanım lisansı","url":"//yandex.com.tr/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Gizlilik Politikası","url":"//yandex.com.tr/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"prevention":{},"hasNextPage":false,"rightSerpItems":[{"type":"direct","id":"search-list-right","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"R-I-8843654-1","renderTo":"search-list-right-0-R-I-8843654-1","pageNumber":0,"grab":"dHZpZGVvaWQ6MTAzNjc4Nzc5NDUyNjY3MTc1MzYK","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","ui":"desktop","yuid":"4318064171773519846"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Fyandex.com.tr%2Fvideo%2Fpreview%2F10367877945266717536","pages":[{"reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","start":0,"end":1,"pageNumber":0,"isCounterSent":false}]},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"4375222141823637159737","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_search_toggle_with_text":1,"video_viewer_show_placeholder":1,"velocity_disable_suspense":1,"video_viewer_desktop_smart_layout":1,"dark_theme_desktop":"cookie","distr_splashscreen_on":1,"video_viewer_check_sandbox_origin":1,"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_adv_config_desktop":{"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"video_search_page_no_islands":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_viewer_related_fail_error_screen":1,"velocity_delay_metrika":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"int_tr":1,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","tabs_order_version":"search,images,video,newstr,maps,translate,tr_ecom","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"video_direct_config_desktop_search":"search-grid-row:R-I-48058-718:R-I-474674-109,search-grid-head:R-I-2120168-7","init_meta":{"enable-yabs-distr":1,"ask-user-purchase-history":1,"use-src-videoquickp":1,"enable-begemot":1,"enable_masthead":1,"use-src-videop":1,"use-src-videoquickp_misspell":1,"enable_blackbox_multisession":1,"begemot-enable-cancelled-misspell-rtmr":1,"enable_video_iron_fetcher":1,"use-related-only":1,"ask-yandex-io-devices":1,"use-images-device-setup":1,"use-src-imagesp":1,"images-apphost-collections-front":1,"enable_aab_apphost":1,"graph-is-video-search":1,"bg-bert-video":1,"use-src-imagesp_misspell":1,"use-src-imagesultrap":1,"use-video-apphost-pre-templates":1,"use-src-videop_misspell":1,"use-video-apphost-post-templates":1,"use-src-imagesquickp":1,"enable_video_carousels":"1","restrict-max-docs":"1000","use-images-region-setup":1,"use-post-auto2":1,"use-images-settings-setup":1,"use-src-ugc_favorites":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_depot_viewer_masthead_ssr_only":1,"video_blender":1,"video_search_grid_enable":0,"video_viewer_desktop_fix_d2d_scroll":1,"video_depot_viewer_legacy_counters":1,"video_search_grid_direct_start":3,"video_adv_new_show_rules_docs_count":1,"video_related_suggest_enable":1,"video_redirect_plug":2,"video_adv_grid_inplace":1,"distr_popup_on":1,"dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"video_depot_viewer_related_adv_margin":400,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"int_online_summarization_video_snippet":1,"video_morda_header_nav":1,"video_nohost_full_filter":0,"distr_pcode_off":1,"video_baobab_blockstat":1,"video_thumb_poster_full":1,"video_scrollpages":2,"video_serp_desktop_block_design":1,"video_nohost_youtube_filter":0,"video_viewer_host_link_mode":1},"slots":["1501020,0,78;1469656,0,81;1480630,0,81;1488899,0,51;1152684,0,37;1493654,0,56;1503405,0,9;1506788,0,81;187287,0,63;1492999,0,50;1501449,0,81;1507235,0,23;1504581,0,31;1487676,0,8;1509928,0,7;1503898,0,75;1508270,0,37;1510885,0,13;1510895,0,48;1500995,0,15;1505697,0,83;1500374,0,29;1508041,0,6;1504125,0,10;151171,0,62;126312,0,91;1269693,0,29;1281084,0,1;287509,0,19;1447467,0,6;790811,0,45;1482951,0,68;1478787,0,94;912287,0,0"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Fyandex.com.tr%2Fvideo%2Fpreview%2F10367877945266717536","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://yandex.com.tr/video/search?text=How+to+Run+React.js+in+Codepen.io+-+React+Tutorial+for+Beginners+2020","settingsUrl":"https://yandex.com.tr/tune/search/","helpUrl":"https://yandex.com.tr/support/video/","legalUrl":"//legal.yandex.com.tr/termsofuse/","feedbackUrl":"https://yandex.com.tr/support/video/troubleshooting.html","basename":"/video","currentPageName":"previewShort","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","backUrl":"//ya.ru","url":"https://yandex.com.tr/video/preview/10367877945266717536?","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"How to Run React.js in Codepen.io - React Tutorial for Beginners 2020 - Смотреть онлайн в поиске Яндекса по Видео","description":"CodePen is a social development environment for front-end designers and developers.","keywords":"","shareTitle":""},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y4cd80e7627d2b76cb305b7ccb3a0dc95","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1501020,1469656,1480630,1488899,1152684,1493654,1503405,1506788,187287,1492999,1501449,1507235,1504581,1487676,1509928,1503898,1508270,1510885,1510895,1500995,1505697,1500374,1508041,1504125,151171,126312,1269693,1281084,287509,1447467,790811,1482951,1478787,912287","queryText":"","reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"4318064171773519846","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,776165,771230,781521,790415,801982,851450,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1087297,1060131,1071879,1078818,1077703,1116602,1045814,1131637,1144233,1151726,1156933,1174275,1173000,1167408,1202006,1194718,1221235,1228280,1239596,1226860,1246754,1276447,1289213,1316370,1313283,1321224,1300570,1320679,1352408,1342688,1344637,1341968,1345362,1343279,1367583,1336673,1348424,1382036,1391511,1384451,1402882,1407422,1417605,1424780,1429092,1438908,1444206,1449283,1452713,1457995,1459585,1461130,1492788,1495633,1509771,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1773519902","tz":"America/Louisville","to_iso":"2026-03-14T16:25:02-0400","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","isEmbedded":false,"shouldShowMainPageButtonInViewer":false,"shouldDisableWebp":false,"removeLinkPrefix":"/video","shouldUseHighresPreview":true,"shouldCutSnippetTitle":true,"shouldShowPlusBadge":true,"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1501020,1469656,1480630,1488899,1152684,1493654,1503405,1506788,187287,1492999,1501449,1507235,1504581,1487676,1509928,1503898,1508270,1510885,1510895,1500995,1505697,1500374,1508041,1504125,151171,126312,1269693,1281084,287509,1447467,790811,1482951,1478787,912287","queryText":"","reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"4318064171773519846","uid":"0","isChildAccount":false}},"deviceDetect":{"OSFamily":"Unknown","isTV":0,"x64":0,"GoogleToolBarVersion":"","MultiTouch":0,"BrowserBase":"","YandexBarVersion":"","isTablet":0,"YandexBar":0,"hasWebOmni":0,"isTouch":0,"hasYandexCamera":0,"isMobile":0,"DeviceKeyboard":"","device":"desktop","TurboAppPlatformVersion":"","historySupport":0,"BrowserShellVersion":"","DeviceVendor":"","isBrowser":0,"hasFlash":0,"MailRuSputnikVersion":"","isSameSiteSupported":0,"BrowserBaseVersion":"","BrowserVersionRaw":"","hasWebVert":0,"DeviceId":"","error":"","MailRuAgent":0,"ScreenWidth":0,"inAppBrowser":0,"hasHTML5":0,"isEmulator":0,"J2ME":0,"MailRuAgentVersion":"","BrowserEngineVersionRaw":"537.36","isRobot":1,"__is_plain":1,"BrowserEngineVersion":"0537.0036","BrowserName":"Unknown","DeviceModel":"","BrowserEngine":"WebKit","DeviceName":"","OSVersionRaw":"","OSName":"","GoogleToolBar":0,"ScreenSize":"","isTurboApp":0,"MailRuSputnik":0,"YaBuildName":"","isWAP":0,"PreferMobile":0,"DesktopMode":0,"BrowserVersion":"","BitsPerPixel":0,"BrowserShell":"","YaGUI":"","isBeta":0,"OSVersion":"","ScreenHeight":0},"nonce":"4375222141823637159737","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":160,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"wildcard":false,"isAdvUnderPlayerRedesign":false,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"isStickyPlayerDisabled":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"shouldCensorShockContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"detailsRedesignEnabled":false,"detailsRedesignV2Enabled":false,"detailsRedesignV3Enabled":false,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isCommentsCountOnSnippetsEnabled":false,"isCommentsSmartNonStopEnabled":false,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"preventAdvHideOnEmpty":false,"isPlayerChangeCounterEnabled":false,"isSmallTitle":false,"shouldRestoreMuteState":false,"isAdvUnderPlayerWithSlider":false,"isAdvUnderPlayerCommentsAligned":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"showShock":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"4318064171773519846","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1785.0__ab4b9de1530b4e7ef53ae9d2e7bd51dd0141055f","isGridSupported":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"isSkinInitedOnClient":false},"counters":{"params":{"useBeacon":false,"clickHost":"yandex.com.tr/clck","pid":197},"dict":{"viewer":"2921","user":"538","info":"1275","sources":"1500","select":"775","close":"486","open":"842","source":"186","link":"513","click":"882","tech":"690","player":"1242","change":"719","summary":"3410","init":"1309","item":"22","button":"440","shown":"3780","copy":"1276","text":"232","load":"1724","fallback":"2010","channel":"1345","hide":"1656","request_entry_completed":"2021","serp":"471","page":"143","loaded":"1007"}},"clips":{"items":{"10367877945266717536":{"videoId":"10367877945266717536","docid":"34-11-10-Z4E23577B28B327C0","description":"CodePen is a social development environment for front-end designers and developers.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3548692/b6b529654f83672efe2707975e43d33e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/Yo2sbwEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D54w93V04X4g","linkTemplate":"/video/preview/10367877945266717536?parent-reqid=1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"How to Run React.js in Codepen.io - React Tutorial for Beginners 2020","related_orig_text":"","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=54w93V04X4g\",\"src\":\"serp\",\"rvb\":\"EhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2GhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2WhQxMDM2Nzg3Nzk0NTI2NjcxNzUzNmq2DxIBMBgAIkUaMQAKKmhoem5id21sZ3VhZWh6bmRoaFVDQUlsTUc2THBsbWlSYjE0VUZ0Y0tDZxICABIqEMIPDxoPPxOdAYIEJAGABCsqiwEQARp4gQgG-QwAAADrBQf9AwAAAAH89vz4_f0A3PT39gf5AwAH-wgB-wEAAAII_wL9AAAA5vH1-vsCAAACCAEQAwAAAAzx_f_5AAAADA7vAv8BAAAE-gMBA_8AAAsE-AUAAAAAAAQE9vv_AAD-Dv_vAQAAAA__Aw8AAAAAIAAtmUDVOzgTQAlITlACKoQCEAAa8AE87NbyATIiA6QK6v_OErcAgaMA_UHqvwH8APEAtQUVAN_Z6QDWAiUBhPMGBLohSf7e_N_-KTwqAPQVOgDhFBMBIQIYATkQBwM28vkA7xTh_t4s-v9ZDOsCTQsB_w3x9wAsysQA777yApvgCQMpIw0C8_AHAjIV9QEB7BT--w4V_dvN_PjE7gYC8O4I9jXn_voGR_oBKCAU_CUU4gJF9P4FBAwS-wfl6gX28y36DewDBPEO_vX03SoEHO0WABUMIAINCPz60QP4_x0cEfYo_AX98RYH-uYS7gFE_xP-Dwz__QrxCAK-CAzw_B4H-xALAg0gAC0-bwQ7OBNACUhhUAIqcxAAGmATAABW5_fI4gctzCzgzRDv6QAFAeM9_zDj__cxCuTwJ8ORMxz_Nh7YGp0AAAA1MtBJxwAVf93W6cHZQQjz2rdQJXjy7u_J6DD_mKFd5hMR1wkWIw0A89nDEDUDFj8oBCggAC1loA87OBNACUhvUAIqrwYQDBqgBgAADEIAADRCAACOQgAAgD8AAABAAAAAwAAAQEIAAChCAAAcwgAA4MAAADDBAACewgAA8MEAAMDAAAA4QgAASMIAAKDAAACgwgAAmMEAAIrCAACAwQAAQMIAAMBAAADYQQAAAMAAAPjBAADIwQAAiMIAAExCAABAwgAAAMEAAMhBAACQwgAAoEEAACBBAADgwAAAIMEAAKRCAAAwQQAA0MEAAIDAAAA0QgAA4EAAAHRCAADAwAAAMMEAAMDBAAAcwgAAVEIAAEDBAACgQAAAAMIAAIDAAADAwAAAQEAAAAzCAAAowgAAUEEAAFhCAACAPwAAoEEAADBBAABEQgAAgMAAAHBCAABcQgAAEEIAAFjCAAAQQQAAREIAAPjBAACuQgAAwMAAANJCAADYwQAAEMIAAOhBAADYQQAAcEIAAIhCAACAwQAAhkIAAIC_AAAQQQAAqsIAAIBAAAAwQQAAkkIAAABBAABQQQAAgD8AAABAAACwQQAAyMEAAJDBAACGwgAAoMAAAPBBAADIQQAAgEAAADzCAAAYQgAAyEEAAJ7CAABwwQAAqMEAALjBAACgQQAAHMIAAKBAAACmQgAAEMIAAGDCAABAQQAAnEIAAChCAADIwQAAAEAAANjBAACAQAAAAMEAANjBAAA4wgAAmEEAAFhCAAD4wQAAOMIAAIC_AABIwgAAAMMAAFBBAADgQQAAWMIAALBBAAAAQAAAMEEAAOBAAAAkQgAA2sIAAODBAADgwAAAuEEAAOhBAABAwgAAnkIAAAjCAAAQQQAAkEEAAFDBAABwQQAA4EAAANBBAADAQAAA6MEAAERCAAB0QgAABMIAALTCAAAEwgAAAMAAAJDBAABcQgAAQMAAAAAAAADAwAAAQMAAAIBCAADoQQAAIMEAAIpCAAAowgAAyMEAAMDBAAB4wgAAAMAAAEBAAACoQQAAMMEAADxCAACCQgAAMMEAAPDBAACAwQAAoMEAAKhCAACIQQAAkMEAAIhBAAAUwgAAgMAAAKLCAAAQwgAAIMEAAEjCAADowQAA6EEAABDCAACQwQAAgMIAAGDCIAA4E0AJSHVQASqPAhAAGoACAABwvQAABD4AAJo-AACqPgAAcD0AAL4-AABsPgAAc78AABS-AAD4vQAAdD4AAOC8AABwvQAAcD0AAFS-AACGPgAAFD4AAPg9AADIPQAABz8AAH8_AACIvQAAyL0AAPg9AAAQvQAAnj4AAEC8AAAsvgAAqL0AAOC8AADGPgAAdL4AALg9AABEvgAAhj4AAOA8AADovQAApr4AANK-AADgPAAABD4AAJK-AAAwPQAAMD0AANi9AACePgAAET8AACy-AADoPQAAir4AAJ4-AABsvgAAqD0AABC9AACAuwAAcD0AAEU_AABsPgAAQDwAAAS-AACqPgAA4LwAAEA8AADoPSAAOBNACUh8UAEqjwIQARqAAgAAyr4AANi9AAA0vgAAQb8AAOg9AACoPQAA4LwAAGy-AABwvQAAUD0AAFA9AABkPgAAUD0AALi9AABcPgAAMD0AADS-AABrPwAA2D0AANY-AACKvgAADL4AANg9AABQvQAAbL4AAEC8AAAUPgAA4DwAADA9AADIvQAA-D0AADC9AABQvQAAuD0AANY-AABAvAAAqL0AADC9AACSvgAAyL0AAIi9AAC4PQAAJL4AAFA9AACWvgAAmL0AAH-_AACmvgAAqD0AAFy-AABAPAAADL4AALi9AAB8PgAATD4AAOg9AACAuwAAcD0AAAw-AABwvQAAmD0AAKg9AABAPAAAdL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=54w93V04X4g","parent-reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":640,"cheight":360,"cratio":1.77777,"dups":["10367877945266717536"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"2177726699"}},"dups":{"10367877945266717536":{"videoId":"10367877945266717536","title":"How to Run React.js in Codepen.io - React Tutorial for Beginners 2020","cleanTitle":"How to Run React.js in Codepen.io - React Tutorial for Beginners 2020","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=54w93V04X4g","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/54w93V04X4g?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDQUlsTUc2THBsbWlSYjE0VUZ0Y0tDZw==","name":"The Freak Lesson","isVerified":false,"subscribersCount":0,"url":"/video/search?text=The+Freak+Lesson","origUrl":"http://www.youtube.com/channel/UCAIlMG6LplmiRb14UFtcKCg","a11yText":"The Freak Lesson. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":157,"text":"2:37","a11yText":"Süre 2 dakika 37 saniye","shortText":"2 dk."},"views":{"text":"2,1bin","a11yText":"2,1 bin izleme"},"date":"22 ağu 2020","modifyTime":1598054400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/54w93V04X4g?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=54w93V04X4g","reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","duration":157},"parentClipId":"10367877945266717536","href":"/preview/10367877945266717536?parent-reqid=1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","rawHref":"/video/preview/10367877945266717536?parent-reqid=1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{"10367877945266717536":{"videoId":"10367877945266717536","docid":"34-11-10-Z4E23577B28B327C0","description":"CodePen is a social development environment for front-end designers and developers.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3548692/b6b529654f83672efe2707975e43d33e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/Yo2sbwEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D54w93V04X4g","linkTemplate":"/video/preview/10367877945266717536?parent-reqid=1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"How to Run React.js in Codepen.io - React Tutorial for Beginners 2020","related_orig_text":"","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=54w93V04X4g\",\"src\":\"serp\",\"rvb\":\"EhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2GhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2WhQxMDM2Nzg3Nzk0NTI2NjcxNzUzNmq2DxIBMBgAIkUaMQAKKmhoem5id21sZ3VhZWh6bmRoaFVDQUlsTUc2THBsbWlSYjE0VUZ0Y0tDZxICABIqEMIPDxoPPxOdAYIEJAGABCsqiwEQARp4gQgG-QwAAADrBQf9AwAAAAH89vz4_f0A3PT39gf5AwAH-wgB-wEAAAII_wL9AAAA5vH1-vsCAAACCAEQAwAAAAzx_f_5AAAADA7vAv8BAAAE-gMBA_8AAAsE-AUAAAAAAAQE9vv_AAD-Dv_vAQAAAA__Aw8AAAAAIAAtmUDVOzgTQAlITlACKoQCEAAa8AE87NbyATIiA6QK6v_OErcAgaMA_UHqvwH8APEAtQUVAN_Z6QDWAiUBhPMGBLohSf7e_N_-KTwqAPQVOgDhFBMBIQIYATkQBwM28vkA7xTh_t4s-v9ZDOsCTQsB_w3x9wAsysQA777yApvgCQMpIw0C8_AHAjIV9QEB7BT--w4V_dvN_PjE7gYC8O4I9jXn_voGR_oBKCAU_CUU4gJF9P4FBAwS-wfl6gX28y36DewDBPEO_vX03SoEHO0WABUMIAINCPz60QP4_x0cEfYo_AX98RYH-uYS7gFE_xP-Dwz__QrxCAK-CAzw_B4H-xALAg0gAC0-bwQ7OBNACUhhUAIqcxAAGmATAABW5_fI4gctzCzgzRDv6QAFAeM9_zDj__cxCuTwJ8ORMxz_Nh7YGp0AAAA1MtBJxwAVf93W6cHZQQjz2rdQJXjy7u_J6DD_mKFd5hMR1wkWIw0A89nDEDUDFj8oBCggAC1loA87OBNACUhvUAIqrwYQDBqgBgAADEIAADRCAACOQgAAgD8AAABAAAAAwAAAQEIAAChCAAAcwgAA4MAAADDBAACewgAA8MEAAMDAAAA4QgAASMIAAKDAAACgwgAAmMEAAIrCAACAwQAAQMIAAMBAAADYQQAAAMAAAPjBAADIwQAAiMIAAExCAABAwgAAAMEAAMhBAACQwgAAoEEAACBBAADgwAAAIMEAAKRCAAAwQQAA0MEAAIDAAAA0QgAA4EAAAHRCAADAwAAAMMEAAMDBAAAcwgAAVEIAAEDBAACgQAAAAMIAAIDAAADAwAAAQEAAAAzCAAAowgAAUEEAAFhCAACAPwAAoEEAADBBAABEQgAAgMAAAHBCAABcQgAAEEIAAFjCAAAQQQAAREIAAPjBAACuQgAAwMAAANJCAADYwQAAEMIAAOhBAADYQQAAcEIAAIhCAACAwQAAhkIAAIC_AAAQQQAAqsIAAIBAAAAwQQAAkkIAAABBAABQQQAAgD8AAABAAACwQQAAyMEAAJDBAACGwgAAoMAAAPBBAADIQQAAgEAAADzCAAAYQgAAyEEAAJ7CAABwwQAAqMEAALjBAACgQQAAHMIAAKBAAACmQgAAEMIAAGDCAABAQQAAnEIAAChCAADIwQAAAEAAANjBAACAQAAAAMEAANjBAAA4wgAAmEEAAFhCAAD4wQAAOMIAAIC_AABIwgAAAMMAAFBBAADgQQAAWMIAALBBAAAAQAAAMEEAAOBAAAAkQgAA2sIAAODBAADgwAAAuEEAAOhBAABAwgAAnkIAAAjCAAAQQQAAkEEAAFDBAABwQQAA4EAAANBBAADAQAAA6MEAAERCAAB0QgAABMIAALTCAAAEwgAAAMAAAJDBAABcQgAAQMAAAAAAAADAwAAAQMAAAIBCAADoQQAAIMEAAIpCAAAowgAAyMEAAMDBAAB4wgAAAMAAAEBAAACoQQAAMMEAADxCAACCQgAAMMEAAPDBAACAwQAAoMEAAKhCAACIQQAAkMEAAIhBAAAUwgAAgMAAAKLCAAAQwgAAIMEAAEjCAADowQAA6EEAABDCAACQwQAAgMIAAGDCIAA4E0AJSHVQASqPAhAAGoACAABwvQAABD4AAJo-AACqPgAAcD0AAL4-AABsPgAAc78AABS-AAD4vQAAdD4AAOC8AABwvQAAcD0AAFS-AACGPgAAFD4AAPg9AADIPQAABz8AAH8_AACIvQAAyL0AAPg9AAAQvQAAnj4AAEC8AAAsvgAAqL0AAOC8AADGPgAAdL4AALg9AABEvgAAhj4AAOA8AADovQAApr4AANK-AADgPAAABD4AAJK-AAAwPQAAMD0AANi9AACePgAAET8AACy-AADoPQAAir4AAJ4-AABsvgAAqD0AABC9AACAuwAAcD0AAEU_AABsPgAAQDwAAAS-AACqPgAA4LwAAEA8AADoPSAAOBNACUh8UAEqjwIQARqAAgAAyr4AANi9AAA0vgAAQb8AAOg9AACoPQAA4LwAAGy-AABwvQAAUD0AAFA9AABkPgAAUD0AALi9AABcPgAAMD0AADS-AABrPwAA2D0AANY-AACKvgAADL4AANg9AABQvQAAbL4AAEC8AAAUPgAA4DwAADA9AADIvQAA-D0AADC9AABQvQAAuD0AANY-AABAvAAAqL0AADC9AACSvgAAyL0AAIi9AAC4PQAAJL4AAFA9AACWvgAAmL0AAH-_AACmvgAAqD0AAFy-AABAPAAADL4AALi9AAB8PgAATD4AAOg9AACAuwAAcD0AAAw-AABwvQAAmD0AAKg9AABAPAAAdL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=54w93V04X4g","parent-reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":640,"cheight":360,"cratio":1.77777,"dups":["10367877945266717536"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"2177726699"}},"dups":{"10367877945266717536":{"videoId":"10367877945266717536","title":"How to Run React.js in Codepen.io - React Tutorial for Beginners 2020","cleanTitle":"How to Run React.js in Codepen.io - React Tutorial for Beginners 2020","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=54w93V04X4g","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/54w93V04X4g?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDQUlsTUc2THBsbWlSYjE0VUZ0Y0tDZw==","name":"The Freak Lesson","isVerified":false,"subscribersCount":0,"url":"/video/search?text=The+Freak+Lesson","origUrl":"http://www.youtube.com/channel/UCAIlMG6LplmiRb14UFtcKCg","a11yText":"The Freak Lesson. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":157,"text":"2:37","a11yText":"Süre 2 dakika 37 saniye","shortText":"2 dk."},"views":{"text":"2,1bin","a11yText":"2,1 bin izleme"},"date":"22 ağu 2020","modifyTime":1598054400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/54w93V04X4g?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=54w93V04X4g","reqid":"1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","duration":157},"parentClipId":"10367877945266717536","href":"/preview/10367877945266717536?parent-reqid=1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","rawHref":"/video/preview/10367877945266717536?parent-reqid=1773519902734766-4375222141823637159-balancer-l7leveler-kubr-yp-sas-37-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}},"loadingStatus":"None"},"internal":{"videoId":"10367877945266717536","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x906f9600bf4","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":true,"nonce":"4375222141823637159737","errorList":[],"isAdultAdv":false,"isImportantCommonAdv":false,"shouldShowAdvId":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"shouldValidateSandbox":false,"sandboxInitTimeout":15000,"isSSROnlyMastheadEnabled":true,"queryUriEscaped":"videoid%3A10367877945266717536","filterMode":1,"isUserChild":false,"advInstreamConfig":{"regular":{"default":{"category":"2","impId":"7","partnerId":"2216089","vmapScenarioId":"119"}},"adult":{"default":{"category":"3","impId":"4","partnerId":"1988486","vmapScenarioId":"119"}}}},"playbackQueue":{"currentIndex":0,"items":[{"type":"VIDEO","videoId":"10367877945266717536","source":"serp","selectEvent":"click"}]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}