Giriş yap

ReactJS Dynamic & Responsive Table Component

YouTube›CodingFromScratch
20bin20 bin izleme
Yayın tarihi 22 ağu 202022 ağu 2020

ReactJS Dynamic & Responsive Table Component

ReactJS Dynamic & Responsive Table Component

YouTube›CodingFromScratch
20bin20 bin izleme
Yayın tarihi 22 ağu 202022 ağu 2020

ReactJS Dynamic & Responsive Table Component

{"pages":{"search":{"query":"videoid:13580366200180316657","originalQuery":"","serpid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","parentReqid":"","serpItems":[{"id":"13580366200180316657-0-0","type":"videoSnippet","props":{"videoId":"13580366200180316657"},"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":"dHZpZGVvaWQ6MTM1ODAzNjYyMDAxODAzMTY2NTcK","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","ui":"desktop","yuid":"7011712911771321742"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fpreview%2F13580366200180316657","pages":[{"reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","start":0,"end":1,"pageNumber":0,"isCounterSent":false}]},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"1631949236564204057169","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_search_toggle_with_text":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_resource_loader":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"}}},"new_template_version":4,"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,"video_resource_loader_load_timeout":6000,"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,"beauty_header_futuris_tab":9,"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":1,"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":["1455698,0,59;1472323,0,67;1472346,0,46;1478401,0,66;1457622,0,89;82359,0,43;1486132,0,95;1476205,0,41;1484526,0,71;1488627,0,93;1482558,0,70;1488900,0,59;1152684,0,99;1481454,0,82;898802,0,80;754547,0,80;1472105,0,3;1431636,0,86;1479353,0,18;1479383,0,45;1486615,0,43;1488718,0,27;1472927,0,25;1215681,0,75;124061,0,8;90496,0,37;1404022,0,50;1483762,0,58;1482543,0,20;1490115,0,68;1487697,0,96;1487551,0,33;1462741,0,53;124079,0,6;856305,0,48;151171,0,7;128380,0,32;126355,0,42;1269693,0,55;1281084,0,89;287509,0,13;1447467,0,55;1231501,0,43;1478786,0,55;1473596,0,22;1482982,0,19;1476853,0,33"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fpreview%2F13580366200180316657","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://gs.yandex.com.tr/video/search?text=ReactJS+Dynamic+%26+Responsive+Table+Component","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":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","backUrl":"//ya.ru","url":"https://gs.yandex.com.tr/video/preview/13580366200180316657?","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"ReactJS Dynamic & Responsive Table Component - Смотреть онлайн в поиске Яндекса по Видео","description":"In this video I will create dynamic and responsive table component Code: https://github.com/damirpri...","keywords":"","shareTitle":""},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y764f0476f0a2fa4537f7530c5e2e64cb","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1455698,1472323,1472346,1478401,1457622,82359,1486132,1476205,1484526,1488627,1482558,1488900,1152684,1481454,898802,754547,1472105,1431636,1479353,1479383,1486615,1488718,1472927,1215681,124061,90496,1404022,1483762,1482543,1490115,1487697,1487551,1462741,124079,856305,151171,128380,126355,1269693,1281084,287509,1447467,1231501,1478786,1473596,1482982,1476853","queryText":"","reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"7011712911771321742","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,378416,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,1227266,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,1459277,1459585,1461130,1490736,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1771321757","tz":"America/Louisville","to_iso":"2026-02-17T04:49:17-0500","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-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":"1455698,1472323,1472346,1478401,1457622,82359,1486132,1476205,1484526,1488627,1482558,1488900,1152684,1481454,898802,754547,1472105,1431636,1479353,1479383,1486615,1488718,1472927,1215681,124061,90496,1404022,1483762,1482543,1490115,1487697,1487551,1462741,124079,856305,151171,128380,126355,1269693,1281084,287509,1447467,1231501,1478786,1473596,1482982,1476853","queryText":"","reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"7011712911771321742","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":"1631949236564204057169","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":147,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":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,"disableEarlyEventsInD2d":false,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"isStickyPlayerDisabled":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":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,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"preventAdvHideOnEmpty":false,"isPlayerChangeCounterEnabled":false,"isSmallTitle":false,"shouldRestoreMuteState":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"7011712911771321742","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1770.0__21450a4dd198bc486c6c58ad4d08939e5601f2c7","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":"gs.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","serp":"471","page":"143","loaded":"1007"}},"clips":{"items":{"13580366200180316657":{"videoId":"13580366200180316657","docid":"34-0-17-ZC474F3B4DEA1D7F3","description":"In this video I will create dynamic and responsive table component Code: https://github.com/damirpristav/react... Code Typescript: https://github.com/damirpristav/react... 00:00 - Create react...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/895469/befbf8fb4ffabad3efea7b870b4d84a0/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/VE4PYwEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dp1CFRiif7I0","linkTemplate":"/video/preview/13580366200180316657?parent-reqid=1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"ReactJS Dynamic & Responsive Table Component","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=p1CFRiif7I0\",\"src\":\"serp\",\"rvb\":\"EhYKFDEzNTgwMzY2MjAwMTgwMzE2NjU3GhYKFDEzNTgwMzY2MjAwMTgwMzE2NjU3WhQxMzU4MDM2NjIwMDE4MDMxNjY1N2q1DxIBMBgAIkQaMAAKKWhodm14cHhmaXpuZGhqdGhoVUNTMlVqZ0VQRXliT3gxdG9ZN2FLUkpnEgIAESoQwg8PGg8_E-0IggQkAYAEKyqLARABGniBChH7Af8CAAP1-wkGCfwCDQb_AvYAAAD0BgL_BwL_AP0C_wT_AQAA-gPyCAcAAADuAAr2-AAAABEHAQz1AAAAAgUG_PcAAAABEAAE_gEAAPkJ9gID_wAAA_r9BAAAAAD8GQMI_wAAAAAX9wsAAAAADAYI-gAAAAAgAC2ee9c7OBNACUhOUAIqhAIQABrwAWYxBfwB1vcDpiLiAPIF4wGBGA__YvzqANby9P-xBNwAzAgMAOrpLQC7Efn_lBUOAbjY1P4vHwUAFB0h_y_zHgAnAesATPAqAmEX8AD_8N3-8CcL_yblNwIx5SAAHv8I_gz5JQHNCtEA2_XfBhIzIAU_JfUAGyEE_tMTNgTaCCn_z-0C_fAZEwSm6xn8DQwH_iTu5AQvGtP9sSQS_ygT-Az62AML9_kgABMa-_-08uD9v-L-BuIf4gzmKCH-AP8hBAcRHPgE1e74ByYJ7TvyAPP8PfgMIuQFCvzd5PPQBBz09uMC_8EoEgno-xX5Iw_49yAALQGwADs4E0AJSGFQAipzEAAaYF79AB77FvLSBjHcE-fVGNUO6ug11Rr_-AEA_xr08xAP3aQX8v8RCBX2sgAAACkq7AHEABhj_wXJGensHbXfIBoSfwr7IdjxBhnHwkcO5w29D8YlBgAH-dX7FxLgXCnwJiAALYs8Lzs4E0AJSG9QAiqvBhAMGqAGAACAQAAAkEEAADBBAACwwQAAsEEAAADAAABAQgAAIEEAAIjCAAAQQQAAREIAAIDCAAD4wQAAPMIAAKJCAAAAwQAAEMIAAEDAAADUwgAACMIAAMBBAABUwgAAEMIAAARCAABQQQAAUMEAAFDCAAAcQgAAnEIAAKDAAAA0wgAASEIAAPbCAAAEQgAAMEEAACjCAAAAQQAAYEIAAADBAAA0QgAAIEEAAEDAAADYQQAAJEIAABBCAAAwwgAA6EEAADBBAAAoQgAA4MAAAKbCAAAQwQAAmEEAANjBAABEQgAAiEEAAPrCAAAYwgAA4EAAAGBBAACgQQAAHMIAAEDBAAB8wgAA0EEAABDCAACAvwAAUEEAAKBBAAAgwQAAHEIAAEBCAACIQQAAcEEAAGBBAACWwgAA2MEAABRCAAAYQgAAyMEAAIjCAACAQgAAYEEAAIC_AABYwgAAcEEAABxCAABwQQAAEEIAALhBAABAQQAAAEAAAABAAADcwgAAoEEAAIBAAAA8wgAA4MAAAIjBAACYwQAAoEAAAFRCAAB8QgAAYEEAAIC_AACgQAAAcEEAAABAAABgwQAAyEEAACBBAACgwAAAAEEAABjCAAAMQgAAOEIAAEDBAAAAwQAAcEEAAKBBAAAMQgAARMIAACTCAABYwgAA-EEAABBCAADwwQAAyMEAACzCAACowQAA2MEAAEjCAADgwQAAgEIAAEDBAAAAQAAAcMEAABhCAAAgQQAA3MIAAEDAAACCQgAAgEAAAAjCAABYQgAAIMEAAEzCAAA8QgAAiMEAAEBBAAAgQQAAuMEAAFTCAABwwgAANMIAACjCAACgwQAAQMEAANjBAAAoQgAAoEEAAJhBAAAkwgAAEEIAANDBAAAMwgAAgMAAAJBBAAAYQgAAgEAAAKDCAACwQgAAXMIAAHDBAAAAQAAAEEEAAHBBAACgwQAAYMEAAMRCAAB0wgAAJMIAAODBAABwwQAAMEIAAIRCAADQwQAA3EIAAJhBAAAAAAAAAEAAANDBAACAPwAAwEEAAHDCAAAsQgAAJMIAAHBBAACAwgAAQMEgADgTQAlIdVABKo8CEAAagAIAAPi9AABcvgAAlr4AAMY-AACgPAAAwj4AAAQ-AAA7vwAAKb8AAII-AAAkvgAAkj4AAEC8AABsPgAAgDsAALg9AAArPwAA4LwAAI6-AABdPwAAaT8AAGQ-AABsPgAAHL4AAFQ-AACSPgAAUL0AADS-AADYvQAA0r4AALY-AAC4vQAAGz8AAL4-AAAPPwAA7r4AAFA9AACSvgAA6r4AAEQ-AACgPAAAiD0AAHA9AABkvgAA8j4AAMI-AAC4vQAABb8AAFQ-AADyvgAAqj4AAJ6-AACYPQAAXD4AAIg9AABAPAAAfz8AABC9AAA0PgAA6D0AABS-AAAMPgAAQDwAAJK-IAA4E0AJSHxQASqPAhABGoACAAA0vgAAQDwAAJ6-AAAnvwAAMD0AAOA8AABMPgAA6L0AADA9AADgPAAA4LwAADw-AAC4vQAAlr4AAFQ-AACIPQAAqL0AADk_AABwvQAABT8AAEy-AADIvQAA-D0AALi9AACGvgAA2D0AAKi9AADgvAAA4LwAABS-AABwPQAAoDwAAIg9AACqvgAAyD0AABQ-AAAcvgAAJD4AAMi9AABQPQAAbD4AAKA8AABAPAAAUL0AAJi9AAAUPgAAf78AACO_AABwvQAAiL0AACQ-AACAuwAAVD4AADC9AACCPgAA4DwAAKi9AABEvgAAqL0AADC9AABQPQAAnj4AAFC9AAAMviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=p1CFRiif7I0","parent-reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":640,"cheight":360,"cratio":1.77777,"dups":["13580366200180316657"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2035181465"}},"dups":{"13580366200180316657":{"videoId":"13580366200180316657","title":"ReactJS Dynamic & Responsive Table Component","cleanTitle":"ReactJS Dynamic & Responsive Table Component","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=p1CFRiif7I0","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/p1CFRiif7I0?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":"d3d3LnlvdXR1YmUuY29tO1VDUzJVamdFUEV5Yk94MXRvWTdhS1JKZw==","name":"CodingFromScratch","isVerified":false,"subscribersCount":0,"url":"/video/search?text=CodingFromScratch","origUrl":"http://www.youtube.com/@codingfromscratchdev","a11yText":"CodingFromScratch. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1133,"text":"18:53","a11yText":"Süre 18 dakika 53 saniye","shortText":"18 dk."},"views":{"text":"20bin","a11yText":"20 bin izleme"},"date":"22 ağu 2020","modifyTime":1598054400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/p1CFRiif7I0?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=p1CFRiif7I0","reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","duration":1133},"parentClipId":"13580366200180316657","href":"/preview/13580366200180316657?parent-reqid=1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","rawHref":"/video/preview/13580366200180316657?parent-reqid=1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{"13580366200180316657":{"videoId":"13580366200180316657","docid":"34-0-17-ZC474F3B4DEA1D7F3","description":"In this video I will create dynamic and responsive table component Code: https://github.com/damirpristav/react... Code Typescript: https://github.com/damirpristav/react... 00:00 - Create react...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/895469/befbf8fb4ffabad3efea7b870b4d84a0/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/VE4PYwEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dp1CFRiif7I0","linkTemplate":"/video/preview/13580366200180316657?parent-reqid=1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"ReactJS Dynamic & Responsive Table Component","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=p1CFRiif7I0\",\"src\":\"serp\",\"rvb\":\"EhYKFDEzNTgwMzY2MjAwMTgwMzE2NjU3GhYKFDEzNTgwMzY2MjAwMTgwMzE2NjU3WhQxMzU4MDM2NjIwMDE4MDMxNjY1N2q1DxIBMBgAIkQaMAAKKWhodm14cHhmaXpuZGhqdGhoVUNTMlVqZ0VQRXliT3gxdG9ZN2FLUkpnEgIAESoQwg8PGg8_E-0IggQkAYAEKyqLARABGniBChH7Af8CAAP1-wkGCfwCDQb_AvYAAAD0BgL_BwL_AP0C_wT_AQAA-gPyCAcAAADuAAr2-AAAABEHAQz1AAAAAgUG_PcAAAABEAAE_gEAAPkJ9gID_wAAA_r9BAAAAAD8GQMI_wAAAAAX9wsAAAAADAYI-gAAAAAgAC2ee9c7OBNACUhOUAIqhAIQABrwAWYxBfwB1vcDpiLiAPIF4wGBGA__YvzqANby9P-xBNwAzAgMAOrpLQC7Efn_lBUOAbjY1P4vHwUAFB0h_y_zHgAnAesATPAqAmEX8AD_8N3-8CcL_yblNwIx5SAAHv8I_gz5JQHNCtEA2_XfBhIzIAU_JfUAGyEE_tMTNgTaCCn_z-0C_fAZEwSm6xn8DQwH_iTu5AQvGtP9sSQS_ygT-Az62AML9_kgABMa-_-08uD9v-L-BuIf4gzmKCH-AP8hBAcRHPgE1e74ByYJ7TvyAPP8PfgMIuQFCvzd5PPQBBz09uMC_8EoEgno-xX5Iw_49yAALQGwADs4E0AJSGFQAipzEAAaYF79AB77FvLSBjHcE-fVGNUO6ug11Rr_-AEA_xr08xAP3aQX8v8RCBX2sgAAACkq7AHEABhj_wXJGensHbXfIBoSfwr7IdjxBhnHwkcO5w29D8YlBgAH-dX7FxLgXCnwJiAALYs8Lzs4E0AJSG9QAiqvBhAMGqAGAACAQAAAkEEAADBBAACwwQAAsEEAAADAAABAQgAAIEEAAIjCAAAQQQAAREIAAIDCAAD4wQAAPMIAAKJCAAAAwQAAEMIAAEDAAADUwgAACMIAAMBBAABUwgAAEMIAAARCAABQQQAAUMEAAFDCAAAcQgAAnEIAAKDAAAA0wgAASEIAAPbCAAAEQgAAMEEAACjCAAAAQQAAYEIAAADBAAA0QgAAIEEAAEDAAADYQQAAJEIAABBCAAAwwgAA6EEAADBBAAAoQgAA4MAAAKbCAAAQwQAAmEEAANjBAABEQgAAiEEAAPrCAAAYwgAA4EAAAGBBAACgQQAAHMIAAEDBAAB8wgAA0EEAABDCAACAvwAAUEEAAKBBAAAgwQAAHEIAAEBCAACIQQAAcEEAAGBBAACWwgAA2MEAABRCAAAYQgAAyMEAAIjCAACAQgAAYEEAAIC_AABYwgAAcEEAABxCAABwQQAAEEIAALhBAABAQQAAAEAAAABAAADcwgAAoEEAAIBAAAA8wgAA4MAAAIjBAACYwQAAoEAAAFRCAAB8QgAAYEEAAIC_AACgQAAAcEEAAABAAABgwQAAyEEAACBBAACgwAAAAEEAABjCAAAMQgAAOEIAAEDBAAAAwQAAcEEAAKBBAAAMQgAARMIAACTCAABYwgAA-EEAABBCAADwwQAAyMEAACzCAACowQAA2MEAAEjCAADgwQAAgEIAAEDBAAAAQAAAcMEAABhCAAAgQQAA3MIAAEDAAACCQgAAgEAAAAjCAABYQgAAIMEAAEzCAAA8QgAAiMEAAEBBAAAgQQAAuMEAAFTCAABwwgAANMIAACjCAACgwQAAQMEAANjBAAAoQgAAoEEAAJhBAAAkwgAAEEIAANDBAAAMwgAAgMAAAJBBAAAYQgAAgEAAAKDCAACwQgAAXMIAAHDBAAAAQAAAEEEAAHBBAACgwQAAYMEAAMRCAAB0wgAAJMIAAODBAABwwQAAMEIAAIRCAADQwQAA3EIAAJhBAAAAAAAAAEAAANDBAACAPwAAwEEAAHDCAAAsQgAAJMIAAHBBAACAwgAAQMEgADgTQAlIdVABKo8CEAAagAIAAPi9AABcvgAAlr4AAMY-AACgPAAAwj4AAAQ-AAA7vwAAKb8AAII-AAAkvgAAkj4AAEC8AABsPgAAgDsAALg9AAArPwAA4LwAAI6-AABdPwAAaT8AAGQ-AABsPgAAHL4AAFQ-AACSPgAAUL0AADS-AADYvQAA0r4AALY-AAC4vQAAGz8AAL4-AAAPPwAA7r4AAFA9AACSvgAA6r4AAEQ-AACgPAAAiD0AAHA9AABkvgAA8j4AAMI-AAC4vQAABb8AAFQ-AADyvgAAqj4AAJ6-AACYPQAAXD4AAIg9AABAPAAAfz8AABC9AAA0PgAA6D0AABS-AAAMPgAAQDwAAJK-IAA4E0AJSHxQASqPAhABGoACAAA0vgAAQDwAAJ6-AAAnvwAAMD0AAOA8AABMPgAA6L0AADA9AADgPAAA4LwAADw-AAC4vQAAlr4AAFQ-AACIPQAAqL0AADk_AABwvQAABT8AAEy-AADIvQAA-D0AALi9AACGvgAA2D0AAKi9AADgvAAA4LwAABS-AABwPQAAoDwAAIg9AACqvgAAyD0AABQ-AAAcvgAAJD4AAMi9AABQPQAAbD4AAKA8AABAPAAAUL0AAJi9AAAUPgAAf78AACO_AABwvQAAiL0AACQ-AACAuwAAVD4AADC9AACCPgAA4DwAAKi9AABEvgAAqL0AADC9AABQPQAAnj4AAFC9AAAMviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=p1CFRiif7I0","parent-reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":640,"cheight":360,"cratio":1.77777,"dups":["13580366200180316657"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2035181465"}},"dups":{"13580366200180316657":{"videoId":"13580366200180316657","title":"ReactJS Dynamic & Responsive Table Component","cleanTitle":"ReactJS Dynamic & Responsive Table Component","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=p1CFRiif7I0","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/p1CFRiif7I0?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":"d3d3LnlvdXR1YmUuY29tO1VDUzJVamdFUEV5Yk94MXRvWTdhS1JKZw==","name":"CodingFromScratch","isVerified":false,"subscribersCount":0,"url":"/video/search?text=CodingFromScratch","origUrl":"http://www.youtube.com/@codingfromscratchdev","a11yText":"CodingFromScratch. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":1133,"text":"18:53","a11yText":"Süre 18 dakika 53 saniye","shortText":"18 dk."},"views":{"text":"20bin","a11yText":"20 bin izleme"},"date":"22 ağu 2020","modifyTime":1598054400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/p1CFRiif7I0?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=p1CFRiif7I0","reqid":"1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","duration":1133},"parentClipId":"13580366200180316657","href":"/preview/13580366200180316657?parent-reqid=1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","rawHref":"/video/preview/13580366200180316657?parent-reqid=1771321757424339-14163194923656420405-balancer-l7leveler-kubr-yp-vla-169-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}},"loadingStatus":"None"},"internal":{"videoId":"13580366200180316657","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x906f9600bf4","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":true,"nonce":"1631949236564204057169","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%3A13580366200180316657","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":"13580366200180316657","source":"serp","selectEvent":"click"}]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}