How to Run React.js in Codepen.io - React Tutorial for Beginners 2020
{"pages":{"search":{"query":"videoid:10367877945266717536","originalQuery":"","serpid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","parentReqid":"","serpItems":[{"id":"10367877945266717536-0-0","type":"videoSnippet","props":{"videoId":"10367877945266717536"},"curPage":0},{"id":"R-I-113683-5-0-1","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":1,"grab":"dHZpZGVvaWQ6MTAzNjc4Nzc5NDUyNjY3MTc1MzYK","statId":1,"lazyLoad":false,"extParams":{"reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","ui":"desktop","yuid":"1295819081784991360"}}},"isAdult":false,"position":1,"placement":"empty"},"curPage":0},{"id":"R-I-113683-5-0-2","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":2,"grab":"dHZpZGVvaWQ6MTAzNjc4Nzc5NDUyNjY3MTc1MzYK","statId":2,"lazyLoad":false,"extParams":{"reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","ui":"desktop","yuid":"1295819081784991360"}}},"isAdult":false,"position":2,"placement":"empty"},"curPage":0},{"id":"R-I-113683-5-0-3","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":3,"grab":"dHZpZGVvaWQ6MTAzNjc4Nzc5NDUyNjY3MTc1MzYK","statId":3,"lazyLoad":false,"extParams":{"reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","ui":"desktop","yuid":"1295819081784991360"}}},"isAdult":false,"position":3,"placement":"empty"},"curPage":0}],"searchAds":[],"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-15","renderTo":"search-list-right-0-R-I-8843654-15","pageNumber":0,"grab":"dHZpZGVvaWQ6MTAzNjc4Nzc5NDUyNjY3MTc1MzYK","lazyLoad":false,"extParams":{"reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","ui":"desktop","yuid":"1295819081784991360"}}},"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":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","start":0,"end":4,"pageNumber":0,"isCounterSent":false}]},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]},"favs":{"_isInitial":true,"items":[],"cacheHash":"","showMoreUrl":"","initialViewportWidth":1600,"cookieViewportWidth":null}},"internal":{"nonce":"0087219252324087227200","expFlags":{"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_search_toggle_with_text":1,"video_viewer_show_placeholder":1,"video_adv_search_right_enable_adult":1,"video_adv_snippet_enabled":1,"velocity_disable_suspense":1,"dark_theme_desktop":"cookie","video_viewer_check_sandbox_origin":1,"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_adv_config_desktop":{"search-list-right":{"adult":{"default":"R-I-19214552-1"},"regular":{"default":"R-I-8843654-15"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"before-player":{"adult":{"default":"R-I-19178478-1"},"regular":{"default":"R-I-2120168-1"}}},"video_search_ssr_till_ads":1,"video_search_page_no_islands":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","int_tr":1,"video_viewer_external_d2d_redirect_enable":"vk","mmui_extended_escape_scheme":"searchdata.clips.0.authorname","video_viewer_restore_mute_state":1,"tabs_order_version":"search,images,video,newstr,maps,translate,tr_ecom","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"init_meta":{"enable-yabs-distr":1,"enable-video-search-adv":"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,"enable-src-products_offers":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_adv_snippet_per_slot":2,"video_depot_viewer_masthead_ssr_only":1,"video_search_grid_enable":0,"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,"dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"int_online_summarization_video_snippet":1,"video_enable_adult_masthead":0,"video_morda_header_nav":1,"video_nohost_full_filter":0,"video_baobab_blockstat":1,"video_nohost_youtube_filter":0,"video_comments_smart_nonstop":1},"slots":["1560635,0,0;1586197,0,83;1581732,0,87;1621147,0,52;1629779,0,42;1627675,0,13;1630539,0,35;1633239,0,88;1636886,0,79;1634906,0,18;260554,0,41;1635401,0,16;1638139,0,70;1632034,0,49;1633910,0,69;1613309,0,89;1632602,0,8;1629690,0,34;1633284,0,90;1349038,0,95;1636434,0,60;1626232,0,66;123857,0,19;1634087,0,41;1594732,0,59;1625972,0,0;1629509,0,50;1634848,0,75;996747,0,64;151171,0,28;1632794,0,84;1281084,0,84;1602027,0,29;287509,0,57;1006026,0,31;1625459,0,33;1639854,0,99;912280,0,19"],"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","querySource":"title","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":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-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 - Yandex Video aramada çevrimiçi izle","description":"","keywords":"","shareTitle":""},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y30570fdf629321efdfa04eb1e075fa1f","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1560635,1586197,1581732,1621147,1629779,1627675,1630539,1633239,1636886,1634906,260554,1635401,1638139,1632034,1633910,1613309,1632602,1629690,1633284,1349038,1636434,1626232,123857,1634087,1594732,1625972,1629509,1634848,996747,151171,1632794,1281084,1602027,287509,1006026,1625459,1639854,912280","queryText":"","reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","userRegionName":"","userRegionId":"id() {\n var _a;\n return (_a = this._region.id) !== null && _a !== void 0 ? _a : 213;\n }","yandexuid":"1295819081784991360","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,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,1348424,1382036,1391511,1384451,1402882,1417605,1424780,1429092,1438908,1444206,1449283,1452713,1457995,1459585,1461130,1492788,1495633,1511916,1514845,1535081,1540074,1545808,1582671,1601754,1594749,1595431,1606172,1610713,1611859,1614618,1623770,1625277,1634048,1638412,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1784991384","tz":"America/Louisville","to_iso":"2026-07-25T10:56:24-0400","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-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":"1560635,1586197,1581732,1621147,1629779,1627675,1630539,1633239,1636886,1634906,260554,1635401,1638139,1632034,1633910,1613309,1632602,1629690,1633284,1349038,1636434,1626232,123857,1634087,1594732,1625972,1629509,1634848,996747,151171,1632794,1281084,1602027,287509,1006026,1625459,1639854,912280","queryText":"","reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","userRegionName":"","userRegionId":"id() {\n var _a;\n return (_a = this._region.id) !== null && _a !== void 0 ? _a : 213;\n }","yandexuid":"1295819081784991360","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":"0087219252324087227200","userConnectionRtt":141,"animated":false,"smartFitComments":false,"enableLazyPoster":false,"isAdvDisabled":false,"isVideoTranslationSupported":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"summaryBroApiDisabledSnippetSurfaces":[],"summaryBroApiSquareSurfaces":[],"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"wildcard":false,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"shouldCensorShockContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"isWatchingProgressEnabled":false,"detailsRedesignV3Enabled":false,"isRoundedPlayerEnabled":false,"isDoc2DocEmptyRetryEnabled":false,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isReactionsEnabled":true,"isCommentsCountOnSnippetsEnabled":false,"isCommentsSmartNonStopEnabled":true,"isCommentsOnboardingEnabledInTesting":false,"commentsOnboardingTextVariant":null,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"isMetaFavoritesButtonEnabled":false,"metaFavoritesButtonDisableRules":[],"preventAdvHideOnEmpty":false,"isSmallTitle":false,"shouldRestoreMuteState":true,"isSerialNavigatorDisabled":false,"isEarlyAdvRenderEnabled":false,"isViewerErrorFallbackEnabled":false,"isPlayerErrorCloseButtonEnabled":false,"videoChangedRedirectPlayerIds":["vk"],"validateCounters":false,"isTouchdownFieldEnabled":false,"isLogHostsMismatchEnabled":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":"1295819081784991360","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1874.0__91d2a54b303cc0668ee3fe33cf8b601f553ecafb","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-inplace":{"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"},"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"adult":{"default":"R-I-19214552-1"},"regular":{"default":"R-I-8843654-15"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"adult":{"default":"R-I-19178478-1"},"regular":{"default":"R-I-2120168-1"}}},"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":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D54w93V04X4g","linkTemplate":"/video/preview/10367877945266717536?parent-reqid=1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-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\":\"EhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2GhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2WhQxMDM2Nzg3Nzk0NTI2NjcxNzUzNmq9DxIBMBgAIkwaMQAKKmhoem5id21sZ3VhZWh6bmRoaFVDQUlsTUc2THBsbWlSYjE0VUZ0Y0tDZxICABIqF8IPDxoPPxOdAYoEIACAjBuCBCQBgAQrKosBEAEaeIEIBvkMAAAA6wUH_QMAAAAB_Pb8-P39ANz09_YH-QMAB_sIAfsBAAACCP8C_QAAAObx9fr7AgAAAggBEAMAAAAM8f3_-QAAAAwO7wL_AQAABPoDAQP_AAALBPgFAAAAAAAEBPb7_wAA_g7_7wEAAAAP_wMPAAAAACAALZlA1Ts4E0AJSE5QAiqEAhAAGvABPOzW8gEyIgOkCur_zhK3AIGjAP1B6r8B_ADxALUFFQDf2ekA1gIlAYTzBgS6IUn-3vzf_ik8KgD0FToA4RQTASECGAE5EAcDNvL5AO8U4f7eLPr_WQzrAk0LAf8N8fcALMrEAO--8gKb4AkDKSMNAvPwBwIyFfUBAewU_vsOFf3bzfz4xO4GAvDuCPY15_76Bkf6ASggFPwlFOICRfT-BQQMEvsH5eoF9vMt-g3sAwTxDv719N0qBBztFgAVDCACDQj8-tED-P8dHBH2KPwF_fEWB_rmEu4BRP8T_g8M__0K8QgCvggM8PweB_sQCwINIAAtPm8EOzgTQAlIYVACKnMQABpgFAAAVef2x-AGLMst4MwR7-v-BgHiPv8x4__3NAnl8ijDkTIc_zcc2hmdAAAANjDRSsYAFX_e2OnC2j8G89i3UCJ28u_syuox-5ijXeYUEtcFFyQJAPPaxg81AhM8KgYpIAAtfXIQOzgTQAlIb1ACKq8GEAwaoAYAAAxCAAA0QgAAjkIAAIA_AAAAQAAAAMAAAEBCAAAoQgAAHMIAAODAAAAwwQAAnsIAAPDBAADAwAAAOEIAAEjCAACgwAAAoMIAAJjBAACKwgAAgMEAAEDCAADAQAAA2EEAAADAAAD4wQAAyMEAAIjCAABMQgAAQMIAAADBAADIQQAAkMIAAJhBAAAgQQAA4MAAACDBAACkQgAAQEEAANDBAACAwAAANEIAAOBAAAB0QgAAwMAAADDBAADAwQAAHMIAAFRCAAAwwQAAoEAAAADCAACAwAAAwMAAAEBAAAAMwgAAKMIAAFBBAABYQgAAgD8AAKBBAAAwQQAAREIAAIDAAABwQgAAXEIAABBCAABYwgAAEEEAAERCAAD4wQAAsEIAAMDAAADSQgAA2MEAABDCAADoQQAA2EEAAHRCAACIQgAAgMEAAIZCAACAvwAAEEEAAKrCAACAQAAAMEEAAJJCAAAAQQAAUEEAAIA_AAAAQAAAsEEAAMjBAACQwQAAhsIAAKDAAADwQQAAyEEAAIBAAAA8wgAAGEIAAMhBAACewgAAcMEAAKDBAAC4wQAAoEEAABzCAACgQAAApkIAABDCAABgwgAAQEEAAJpCAAAoQgAAyMEAAABAAADYwQAAgEAAAADBAADYwQAAOMIAAJhBAABYQgAA-MEAADjCAACAvwAASMIAAADDAABQQQAA4EEAAFjCAACwQQAAAEAAADBBAADgQAAAJEIAANrCAADgwQAA4MAAALhBAADoQQAAQMIAAKBCAAAIwgAAEEEAAJBBAABQwQAAcEEAAOBAAADQQQAAwEAAAOjBAABEQgAAdEIAAATCAAC0wgAABMIAAADAAACQwQAAXEIAAEDAAAAAAAAAwMAAAEDAAACAQgAA6EEAACDBAACKQgAAKMIAAMjBAADAwQAAeMIAAADAAABAQAAAqEEAADDBAAA4QgAAgkIAADDBAADwwQAAgMEAAKDBAACoQgAAiEEAAJDBAACIQQAAFMIAAIDAAACiwgAAEMIAACDBAABIwgAA6MEAAOhBAAAQwgAAkMEAAILCAABgwiAAOBNACUh1UAEqjwIQABqAAgAAcL0AACQ-AACOPgAAuj4AAEC8AACyPgAAVD4AAH2_AACYvQAAFL4AAIY-AACAOwAAcL0AALg9AABEvgAAgj4AANg9AAD4PQAAgDsAAA8_AAB_PwAAuL0AALi9AADIPQAAEL0AAJI-AAAQvQAAVL4AAHC9AABQvQAA1j4AAIK-AAAkPgAAJL4AAJI-AADgPAAADL4AAKq-AADevgAAcD0AANg9AACqvgAAMD0AAOA8AAD4vQAApj4AABs_AAA0vgAADD4AAIa-AACaPgAAmr4AAIg9AACgvAAAgDsAAJg9AABRPwAAZD4AAFC9AADYvQAAwj4AABC9AABQPQAA-D0gADgTQAlIfFABKo8CEAEagAIAAM6-AACYvQAAVL4AAEG_AADIPQAAUD0AAEC8AAB8vgAA4LwAAFA9AABwPQAAdD4AAIA7AAAEvgAAdD4AAHA9AABEvgAAaz8AANg9AADiPgAAkr4AAAy-AACYPQAA4LwAAIq-AACgPAAA-D0AABA9AABAPAAAFL4AAPg9AAAwvQAAQLwAAMg9AADmPgAAgDsAAHC9AAAQvQAAmr4AAOi9AACovQAA-D0AADy-AADgPAAAkr4AAJi9AAB_vwAAvr4AAKg9AACCvgAAgDsAAAS-AABQvQAAbD4AAGQ-AADYPQAAgLsAADA9AAAcPgAAUL0AAIg9AAD4PQAAoDwAAFS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=54w93V04X4g","parent-reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-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,"url":"http://www.youtube.com/watch?v=54w93V04X4g","videoContentId":"2177726699","isLiked":false}},"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":"Web Dev Lab","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Web+Dev+Lab&q_source=channel","origUrl":"http://www.youtube.com/channel/UCAIlMG6LplmiRb14UFtcKCg","a11yText":"Web Dev Lab. "},"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":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","duration":157},"parentClipId":"10367877945266717536","href":"/preview/10367877945266717536?parent-reqid=1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","rawHref":"/video/preview/10367877945266717536?parent-reqid=1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false,"commentsDisabled":false,"reactionsDisabled":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":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D54w93V04X4g","linkTemplate":"/video/preview/10367877945266717536?parent-reqid=1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-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\":\"EhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2GhYKFDEwMzY3ODc3OTQ1MjY2NzE3NTM2WhQxMDM2Nzg3Nzk0NTI2NjcxNzUzNmq9DxIBMBgAIkwaMQAKKmhoem5id21sZ3VhZWh6bmRoaFVDQUlsTUc2THBsbWlSYjE0VUZ0Y0tDZxICABIqF8IPDxoPPxOdAYoEIACAjBuCBCQBgAQrKosBEAEaeIEIBvkMAAAA6wUH_QMAAAAB_Pb8-P39ANz09_YH-QMAB_sIAfsBAAACCP8C_QAAAObx9fr7AgAAAggBEAMAAAAM8f3_-QAAAAwO7wL_AQAABPoDAQP_AAALBPgFAAAAAAAEBPb7_wAA_g7_7wEAAAAP_wMPAAAAACAALZlA1Ts4E0AJSE5QAiqEAhAAGvABPOzW8gEyIgOkCur_zhK3AIGjAP1B6r8B_ADxALUFFQDf2ekA1gIlAYTzBgS6IUn-3vzf_ik8KgD0FToA4RQTASECGAE5EAcDNvL5AO8U4f7eLPr_WQzrAk0LAf8N8fcALMrEAO--8gKb4AkDKSMNAvPwBwIyFfUBAewU_vsOFf3bzfz4xO4GAvDuCPY15_76Bkf6ASggFPwlFOICRfT-BQQMEvsH5eoF9vMt-g3sAwTxDv719N0qBBztFgAVDCACDQj8-tED-P8dHBH2KPwF_fEWB_rmEu4BRP8T_g8M__0K8QgCvggM8PweB_sQCwINIAAtPm8EOzgTQAlIYVACKnMQABpgFAAAVef2x-AGLMst4MwR7-v-BgHiPv8x4__3NAnl8ijDkTIc_zcc2hmdAAAANjDRSsYAFX_e2OnC2j8G89i3UCJ28u_syuox-5ijXeYUEtcFFyQJAPPaxg81AhM8KgYpIAAtfXIQOzgTQAlIb1ACKq8GEAwaoAYAAAxCAAA0QgAAjkIAAIA_AAAAQAAAAMAAAEBCAAAoQgAAHMIAAODAAAAwwQAAnsIAAPDBAADAwAAAOEIAAEjCAACgwAAAoMIAAJjBAACKwgAAgMEAAEDCAADAQAAA2EEAAADAAAD4wQAAyMEAAIjCAABMQgAAQMIAAADBAADIQQAAkMIAAJhBAAAgQQAA4MAAACDBAACkQgAAQEEAANDBAACAwAAANEIAAOBAAAB0QgAAwMAAADDBAADAwQAAHMIAAFRCAAAwwQAAoEAAAADCAACAwAAAwMAAAEBAAAAMwgAAKMIAAFBBAABYQgAAgD8AAKBBAAAwQQAAREIAAIDAAABwQgAAXEIAABBCAABYwgAAEEEAAERCAAD4wQAAsEIAAMDAAADSQgAA2MEAABDCAADoQQAA2EEAAHRCAACIQgAAgMEAAIZCAACAvwAAEEEAAKrCAACAQAAAMEEAAJJCAAAAQQAAUEEAAIA_AAAAQAAAsEEAAMjBAACQwQAAhsIAAKDAAADwQQAAyEEAAIBAAAA8wgAAGEIAAMhBAACewgAAcMEAAKDBAAC4wQAAoEEAABzCAACgQAAApkIAABDCAABgwgAAQEEAAJpCAAAoQgAAyMEAAABAAADYwQAAgEAAAADBAADYwQAAOMIAAJhBAABYQgAA-MEAADjCAACAvwAASMIAAADDAABQQQAA4EEAAFjCAACwQQAAAEAAADBBAADgQAAAJEIAANrCAADgwQAA4MAAALhBAADoQQAAQMIAAKBCAAAIwgAAEEEAAJBBAABQwQAAcEEAAOBAAADQQQAAwEAAAOjBAABEQgAAdEIAAATCAAC0wgAABMIAAADAAACQwQAAXEIAAEDAAAAAAAAAwMAAAEDAAACAQgAA6EEAACDBAACKQgAAKMIAAMjBAADAwQAAeMIAAADAAABAQAAAqEEAADDBAAA4QgAAgkIAADDBAADwwQAAgMEAAKDBAACoQgAAiEEAAJDBAACIQQAAFMIAAIDAAACiwgAAEMIAACDBAABIwgAA6MEAAOhBAAAQwgAAkMEAAILCAABgwiAAOBNACUh1UAEqjwIQABqAAgAAcL0AACQ-AACOPgAAuj4AAEC8AACyPgAAVD4AAH2_AACYvQAAFL4AAIY-AACAOwAAcL0AALg9AABEvgAAgj4AANg9AAD4PQAAgDsAAA8_AAB_PwAAuL0AALi9AADIPQAAEL0AAJI-AAAQvQAAVL4AAHC9AABQvQAA1j4AAIK-AAAkPgAAJL4AAJI-AADgPAAADL4AAKq-AADevgAAcD0AANg9AACqvgAAMD0AAOA8AAD4vQAApj4AABs_AAA0vgAADD4AAIa-AACaPgAAmr4AAIg9AACgvAAAgDsAAJg9AABRPwAAZD4AAFC9AADYvQAAwj4AABC9AABQPQAA-D0gADgTQAlIfFABKo8CEAEagAIAAM6-AACYvQAAVL4AAEG_AADIPQAAUD0AAEC8AAB8vgAA4LwAAFA9AABwPQAAdD4AAIA7AAAEvgAAdD4AAHA9AABEvgAAaz8AANg9AADiPgAAkr4AAAy-AACYPQAA4LwAAIq-AACgPAAA-D0AABA9AABAPAAAFL4AAPg9AAAwvQAAQLwAAMg9AADmPgAAgDsAAHC9AAAQvQAAmr4AAOi9AACovQAA-D0AADy-AADgPAAAkr4AAJi9AAB_vwAAvr4AAKg9AACCvgAAgDsAAAS-AABQvQAAbD4AAGQ-AADYPQAAgLsAADA9AAAcPgAAUL0AAIg9AAD4PQAAoDwAAFS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=54w93V04X4g","parent-reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-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,"url":"http://www.youtube.com/watch?v=54w93V04X4g","videoContentId":"2177726699","isLiked":false},"undefined":{"docid":"","description":"","preview":{"posterSrc":"undefined/564x318_1"},"target":"_blank","position":"3","reqid":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","isAdultDoc":false,"cwidth":null,"cheight":null,"cratio":null,"dups":[],"episode":null,"season":null,"isEmbedOnly":false,"hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"url":"http://yandex.ru/video/video_direct_pos18_page0"}},"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":"Web Dev Lab","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Web+Dev+Lab&q_source=channel","origUrl":"http://www.youtube.com/channel/UCAIlMG6LplmiRb14UFtcKCg","a11yText":"Web Dev Lab. "},"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":"1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","duration":157},"parentClipId":"10367877945266717536","href":"/preview/10367877945266717536?parent-reqid=1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","rawHref":"/video/preview/10367877945266717536?parent-reqid=1784991384827226-11008721925232408722-balancer-l7leveler-kubr-yp-vla-200-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false,"commentsDisabled":false,"reactionsDisabled":false}},"loadingStatus":"None"},"internal":{"videoId":"10367877945266717536","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x5fc846d0d96","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":true,"nonce":"0087219252324087227200","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-inplace":{"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"},"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"adult":{"default":"R-I-19214552-1"},"regular":{"default":"R-I-8843654-15"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"adult":{"default":"R-I-19178478-1"},"regular":{"default":"R-I-2120168-1"}}},"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"}}},"querySource":"title","rknWarnHosts":[""]},"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"}}}Яндекс