{"id":10159,"date":"2021-04-01T11:02:42","date_gmt":"2021-04-01T09:02:42","guid":{"rendered":"https:\/\/vived.io\/frontend-thursday-vol-31\/"},"modified":"2022-09-19T13:16:44","modified_gmt":"2022-09-19T11:16:44","slug":"frontend-thursday-vol-31","status":"publish","type":"post","link":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/","title":{"rendered":"Frontend Thursday vol. 31"},"content":{"rendered":"<p>Dzisiejszy przegl\u0105d musimy zacz\u0105\u0107 od wiadomo\u015bci z ostatniej chwili. StackOverflow wprowadzi\u0142 limit Ctrl+C, Ctrl+V. Ja zastanawiam si\u0119 jak poprosi\u0107 menad\u017cera o wersj\u0119 premium i nie straci\u0107 twarzy, ale najbardziej szkoda mi biednych student\u00f3w, kt\u00f3rych nie b\u0119dzie sta\u0107 na wersj\u0119 premium. Wszyscy absolwenci informatyki po roku 2021 b\u0119d\u0105 mie\u0107 u mnie podczas rekrutacji dodatkowe punkty respektu na starcie.<\/p>\n<figure class=\"kg-card kg-image-card\"><img decoding=\"async\" src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure>\n<h1 id=\"1-the-latest-features-of-css-in-2021\">1. The latest features of CSS in 2021<\/h1>\n<p>Okres podsumowa\u0144 roku 2020 i przewidywa\u0144 na rok 2021 mamy ju\u017c za sob\u0105, ale artyku\u0142, kt\u00f3ry znajdziecie w \u017ar\u00f3d\u0142ach na tyle przyci\u0105gn\u0105\u0142 moj\u0105 uwag\u0119, \u017ce mimo wszystko postanowi\u0142em si\u0119 nim z Wami podzieli\u0107. Organizacja W3C co roku publikuje zaktualizowan\u0105 specyfikacj\u0119 j\u0119zyka CSS. Niestety w specyfikacji nie znajdziemy wyr\u00f3\u017cnionych nowych funkcjonalno\u015bci i tym bardziej informacji o ich adopcji w przegl\u0105darkach. Autor artyku\u0142u postanowi\u0142 wyj\u015b\u0107 tym przeciwno\u015bciom naprzeciw i w opracowaniu znajdziecie nowe funkcjonalno\u015bci wraz z przyk\u0142adami wykorzystania i informacj\u0105 o adopcji z Can I Use. Je\u015bli na State of CSS 2021 nie chcecie znowu by\u0107 zaskoczeni mo\u017cliwo\u015bciami CSSa, to powinna to by\u0107 dla Was lektura obowi\u0105zkowa.<\/p>\n<figure class=\"kg-card kg-image-card kg-card-hascaption\"><img decoding=\"async\" src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b725b3f2.png\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Mem dzi\u015b ju\u017c odrobin\u0119 nieaktualny, ale wci\u0105\u017c niezmiernie \u015bmieszny<\/figcaption><\/figure>\n<p>Ja chyba najbardziej ciesz\u0119 si\u0119 na aspect-ratio i content-visibility. Koniecznie dajcie zna\u0107 na co najbardziej czekacie.<\/p>\n<h2 id=\"zrodla\" data-num=1>\u0179r\u00f3d\u0142a:<\/h2>\n<p><a href=\"https:\/\/blog.logrocket.com\/the-latest-features-of-css-in-2021\/\">https:\/\/blog.logrocket.com\/the-latest-features-of-css-in-2021\/<\/a><\/p>\n<h1 id=\"2-announcing-the-deno-company\">2. Announcing the Deno Company<\/h1>\n<p>W ten poniedzia\u0142ek Ryan Dahl og\u0142osi\u0142, \u017ce powstanie Deno Company, kt\u00f3re odpowiedzialne b\u0119dzie (bez zaskocze\u0144) za rozw\u00f3j samego Deno i technologii z nim powi\u0105zanych. Na start firma zebra\u0142a prawie 5 milion\u00f3w dolar\u00f3w kapita\u0142u i gdyby Deno Company by\u0142o startupem, to nie wr\u00f3\u017cy\u0142 bym mu jeszcze \u015bwietlanej przysz\u0142o\u015bci. Na szcz\u0119\u015bcie nie jest to typowy start up, i je\u015bli chodzi o rozw\u00f3j \u015brodowiska uruchomieniowego JavaScriptu, to wydaje si\u0119 to kwota co najmniej rozs\u0105dna. <\/p>\n<p>Osobi\u015bcie do tej pory by\u0142em sceptycznie nastawiony do ca\u0142ego projektu (bo Node to monopolista, bo Node mo\u017ce powoli naprawia\u0107 swoje b\u0142\u0119dy z przesz\u0142o\u015bci, bo Deno to ma\u0142y projekt bez du\u017cych wdro\u017ce\u0144 na produkcj\u0119), ale z takim bud\u017cetem Deno rzeczywi\u015bcie mo\u017ce rzuci\u0107 r\u0119kawic\u0119 Node. Nie mog\u0119 si\u0119 ju\u017c doczeka\u0107, \u017ceby zobaczy\u0107 pierwsze efekty tego zastrzyku got\u00f3wki.<\/p>\n<figure class=\"kg-card kg-image-card\"><img decoding=\"async\" src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7351d86.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure>\n<h2 id=\"zrodla\" data-num=2>\u0179r\u00f3d\u0142a:<\/h2>\n<p><a href=\"https:\/\/deno.com\/blog\/the-deno-company\">https:\/\/deno.com\/blog\/the-deno-company<\/a><\/p>\n<h1 id=\"3-nextjs-101\">3. Next.js 10.1<\/h1>\n<p>Je\u015bli m\u00f3wimy ju\u017c o dobrze dofinansowanych projektach, to przejd\u017amy do Next.js, kt\u00f3re prawie dok\u0142adnie rok temu zgarn\u0119\u0142o 21 milion\u00f3w dolar\u00f3w (to dopiero kwota!) na rozw\u00f3j projektu. W tym tygodniu dostali\u015bmy kolejn\u0105 wersj\u0119 biblioteki, a w niej wsparcie dla Webpacka 5 (a\u017c mi\u0142o patrze\u0107, jak wszyscy powoli migruj\u0105 si\u0119 do tej wersji i zaczynaj\u0105 korzysta\u0107 z nowych funkcjonalno\u015bci \u2764\ufe0f), szybsza instalacj\u0119 i prze\u0142adowywanie strony. Do wydania wlecia\u0142o te\u017c kilka zmian, kt\u00f3rych pojawienie si\u0119 mocno mnie zaskoczy\u0142o, bo spodziewa\u0142em si\u0119, \u017ce tak popularna biblioteka b\u0119dzie je posiada\u0107 od dawna. Mam tu na my\u015bli mi\u0119dzy innymi wsparcie dla spersonalizowanej strony b\u0142\u0119du, czy wsparcie dla extends w tsconfig. Mam nadziej\u0119, \u017ce takich kwiatk\u00f3w zosta\u0142o ju\u017c w Next.js coraz mniej.<\/p>\n<figure class=\"kg-card kg-image-card\"><img decoding=\"async\" src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7418c17.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure>\n<h2 id=\"zrodla\" data-num=3>\u0179r\u00f3d\u0142a:<\/h2>\n<p><a href=\"https:\/\/nextjs.org\/blog\/next-10-1\">https:\/\/nextjs.org\/blog\/next-10-1<\/a><\/p>\n<h1 id=\"bonus\">Bonus<\/h1>\n<p>Dzi\u015b na zako\u0144czenie mam dla Was kolejny bonus (w ostatnich edycjach bonusy jako\u015b dobrze si\u0119 tutaj zadomowi\u0142y). W zesz\u0142y weekend wystartowa\u0142 kolejny sezon formu\u0142y (i na razie zapowiada si\u0119 naprawd\u0119 ciekawie  ), a Jake Archibald postanowi\u0142 sprawdzi\u0107, jak szybkie s\u0105 strony poszczeg\u00f3lnych zespo\u0142\u00f3w F1 i zastanowi\u0107 si\u0119, jak mo\u017cna je przyspieszy\u0107. Nawet je\u015bli nie interesujecie si\u0119 Formu\u0142\u0105, to w wolnej chwili warto przeczyta\u0107 ca\u0142\u0105 seri\u0119, bo to naprawd\u0119 dobry materia\u0142 pokazuj\u0105cy, jak nale\u017cy diagnozowa\u0107 i optymalizowa\u0107 niewydajne strony.<\/p>\n<figure class=\"kg-card kg-image-card kg-card-hascaption\"><img decoding=\"async\" src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b762734d.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Je\u015bli chodzi o mnie to w tym roku zdecydowanie jestem #TeamMcLaren<\/figcaption><\/figure>\n<h2 id=\"zrodla\" data-num=4>\u0179r\u00f3d\u0142a:<\/h2>\n<p><a href=\"https:\/\/jakearchibald.com\/2021\/f1-perf-part-1\/\">https:\/\/jakearchibald.com\/2021\/f1-perf-part-1\/<\/a><\/p>\n<hr \/>\n<p>Pami\u0119tajcie, \u017ceby spr\u00f3bowa\u0107 Vived, je\u015bli chcesz otrzymywa\u0107 tego typu tre\u015bci spersonalizowane pod Ciebie!<\/p>\n<ul>\n<li><a href=\"https:\/\/apps.apple.com\/app\/apple-store\/id1460117345?pt=120039206&amp;ct=frontend-thursday&amp;mt=8\">App Store<\/a> <\/li>\n<li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.virtuslab.vived&amp;referrer=utm_source%3Dvived-blog%26utm_medium%3Dfrontend-thursday%26utm_campaign%3Dfrontend-thursday%26anid%3Dadmob\">Play Store<\/a> <\/li>\n<li><a href=\"https:\/\/app.vived.io\/\">Wersja PWA<\/a> <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dzisiejszy przegl\u0105d musimy zacz\u0105\u0107 od wiadomo\u015bci z ostatniej chwili. StackOverflow wprowadzi\u0142 limit Ctrl+C, Ctrl+V. Ja zastanawiam si\u0119 jak poprosi\u0107 menad\u017cera o wersj\u0119 premium i nie straci\u0107 twarzy, ale najbardziej szkoda mi biednych student\u00f3w, kt\u00f3rych nie b\u0119dzie sta\u0107 na wersj\u0119 premium. Wszyscy absolwenci informatyki po roku 2021 b\u0119d\u0105 mie\u0107 u mnie podczas rekrutacji dodatkowe punkty respektu [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[273],"tags":[],"class_list":["post-10159","post","type-post","status-publish","format-standard","hentry","category-frontend-pl"],"acf":{"weekly_summary":true,"estimated_reading_time":"3"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Frontend Thursday vol. 31 - Vived<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend Thursday vol. 31 - Vived\" \/>\n<meta property=\"og:description\" content=\"Dzisiejszy przegl\u0105d musimy zacz\u0105\u0107 od wiadomo\u015bci z ostatniej chwili. StackOverflow wprowadzi\u0142 limit Ctrl+C, Ctrl+V. Ja zastanawiam si\u0119 jak poprosi\u0107 menad\u017cera o wersj\u0119 premium i nie straci\u0107 twarzy, ale najbardziej szkoda mi biednych student\u00f3w, kt\u00f3rych nie b\u0119dzie sta\u0107 na wersj\u0119 premium. Wszyscy absolwenci informatyki po roku 2021 b\u0119d\u0105 mie\u0107 u mnie podczas rekrutacji dodatkowe punkty respektu [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/\" \/>\n<meta property=\"og:site_name\" content=\"Vived\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-01T09:02:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-19T11:16:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\" \/>\n<meta name=\"author\" content=\"Tomasz Borowicz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/\"},\"author\":{\"name\":\"Tomasz Borowicz\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb\"},\"headline\":\"Frontend Thursday vol. 31\",\"datePublished\":\"2021-04-01T09:02:42+00:00\",\"dateModified\":\"2022-09-19T11:16:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/\"},\"wordCount\":676,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/vived.io\/pl\/#organization\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\",\"articleSection\":[\"Frontend\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/\",\"url\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/\",\"name\":\"Frontend Thursday vol. 31 - Vived\",\"isPartOf\":{\"@id\":\"https:\/\/vived.io\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\",\"datePublished\":\"2021-04-01T09:02:42+00:00\",\"dateModified\":\"2022-09-19T11:16:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage\",\"url\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\",\"contentUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/vived.io\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend Thursday vol. 31\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vived.io\/pl\/#website\",\"url\":\"https:\/\/vived.io\/pl\/\",\"name\":\"Vived\",\"description\":\"platform empowering IT people and technology companies to synergic growth\",\"publisher\":{\"@id\":\"https:\/\/vived.io\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vived.io\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/vived.io\/pl\/#organization\",\"name\":\"Vived\",\"url\":\"https:\/\/vived.io\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png\",\"contentUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png\",\"width\":136,\"height\":45,\"caption\":\"Vived\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb\",\"name\":\"Tomasz Borowicz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g\",\"caption\":\"Tomasz Borowicz\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend Thursday vol. 31 - Vived","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/","og_locale":"pl_PL","og_type":"article","og_title":"Frontend Thursday vol. 31 - Vived","og_description":"Dzisiejszy przegl\u0105d musimy zacz\u0105\u0107 od wiadomo\u015bci z ostatniej chwili. StackOverflow wprowadzi\u0142 limit Ctrl+C, Ctrl+V. Ja zastanawiam si\u0119 jak poprosi\u0107 menad\u017cera o wersj\u0119 premium i nie straci\u0107 twarzy, ale najbardziej szkoda mi biednych student\u00f3w, kt\u00f3rych nie b\u0119dzie sta\u0107 na wersj\u0119 premium. Wszyscy absolwenci informatyki po roku 2021 b\u0119d\u0105 mie\u0107 u mnie podczas rekrutacji dodatkowe punkty respektu [&hellip;]","og_url":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/","og_site_name":"Vived","article_published_time":"2021-04-01T09:02:42+00:00","article_modified_time":"2022-09-19T11:16:44+00:00","og_image":[{"url":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png","type":"","width":"","height":""}],"author":"Tomasz Borowicz","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#article","isPartOf":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/"},"author":{"name":"Tomasz Borowicz","@id":"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb"},"headline":"Frontend Thursday vol. 31","datePublished":"2021-04-01T09:02:42+00:00","dateModified":"2022-09-19T11:16:44+00:00","mainEntityOfPage":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/"},"wordCount":676,"commentCount":0,"publisher":{"@id":"https:\/\/vived.io\/pl\/#organization"},"image":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png","articleSection":["Frontend"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/","url":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/","name":"Frontend Thursday vol. 31 - Vived","isPartOf":{"@id":"https:\/\/vived.io\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage"},"image":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png","datePublished":"2021-04-01T09:02:42+00:00","dateModified":"2022-09-19T11:16:44+00:00","breadcrumb":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#primaryimage","url":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png","contentUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png"},{"@type":"BreadcrumbList","@id":"https:\/\/vived.io\/pl\/frontend-thursday-vol-31\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/vived.io\/pl\/"},{"@type":"ListItem","position":2,"name":"Frontend Thursday vol. 31"}]},{"@type":"WebSite","@id":"https:\/\/vived.io\/pl\/#website","url":"https:\/\/vived.io\/pl\/","name":"Vived","description":"platform empowering IT people and technology companies to synergic growth","publisher":{"@id":"https:\/\/vived.io\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vived.io\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/vived.io\/pl\/#organization","name":"Vived","url":"https:\/\/vived.io\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png","contentUrl":"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png","width":136,"height":45,"caption":"Vived"},"image":{"@id":"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb","name":"Tomasz Borowicz","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g","caption":"Tomasz Borowicz"}}]}},"blocks_vived":[{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"<p>Dzisiejszy przegl\u0105d musimy zacz\u0105\u0107 od wiadomo\u015bci z ostatniej chwili. StackOverflow wprowadzi\u0142 limit Ctrl+C, Ctrl+V. Ja zastanawiam si\u0119 jak poprosi\u0107 menad\u017cera o wersj\u0119 premium i nie straci\u0107 twarzy, ale najbardziej szkoda mi biednych student\u00f3w, kt\u00f3rych nie b\u0119dzie sta\u0107 na wersj\u0119 premium. Wszyscy absolwenci informatyki po roku 2021 b\u0119d\u0105 mie\u0107 u mnie podczas rekrutacji dodatkowe punkty respektu na starcie.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h1 id=\"1-the-latest-features-of-css-in-2021\">1. The latest features of CSS in 2021<\/h1><p>Okres podsumowa\u0144 roku 2020 i przewidywa\u0144 na rok 2021 mamy ju\u017c za sob\u0105, ale artyku\u0142, kt\u00f3ry znajdziecie w \u017ar\u00f3d\u0142ach na tyle przyci\u0105gn\u0105\u0142 moj\u0105 uwag\u0119, \u017ce mimo wszystko postanowi\u0142em si\u0119 nim z Wami podzieli\u0107. Organizacja W3C co roku publikuje zaktualizowan\u0105 specyfikacj\u0119 j\u0119zyka CSS. Niestety w specyfikacji nie znajdziemy wyr\u00f3\u017cnionych nowych funkcjonalno\u015bci i tym bardziej informacji o ich adopcji w przegl\u0105darkach. Autor artyku\u0142u postanowi\u0142 wyj\u015b\u0107 tym przeciwno\u015bciom naprzeciw i w opracowaniu znajdziecie nowe funkcjonalno\u015bci wraz z przyk\u0142adami wykorzystania i informacj\u0105 o adopcji z Can I Use. Je\u015bli na State of CSS 2021 nie chcecie znowu by\u0107 zaskoczeni mo\u017cliwo\u015bciami CSSa, to powinna to by\u0107 dla Was lektura obowi\u0105zkowa.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b725b3f2.png\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Mem dzi\u015b ju\u017c odrobin\u0119 nieaktualny, ale wci\u0105\u017c niezmiernie \u015bmieszny<\/figcaption><\/figure><p>Ja chyba najbardziej ciesz\u0119 si\u0119 na aspect-ratio i content-visibility. Koniecznie dajcie zna\u0107 na co najbardziej czekacie.<\/p><h2 id=\"%C5%BAr%C3%B3d%C5%82a\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/blog.logrocket.com\/the-latest-features-of-css-in-2021\/\">https:\/\/blog.logrocket.com\/the-latest-features-of-css-in-2021\/<\/a><\/p><h1 id=\"2-announcing-the-deno-company\">2. Announcing the Deno Company<\/h1><p>W ten poniedzia\u0142ek Ryan Dahl og\u0142osi\u0142, \u017ce powstanie Deno Company, kt\u00f3re odpowiedzialne b\u0119dzie (bez zaskocze\u0144) za rozw\u00f3j samego Deno i technologii z nim powi\u0105zanych. Na start firma zebra\u0142a prawie 5 milion\u00f3w dolar\u00f3w kapita\u0142u i gdyby Deno Company by\u0142o startupem, to nie wr\u00f3\u017cy\u0142 bym mu jeszcze \u015bwietlanej przysz\u0142o\u015bci. Na szcz\u0119\u015bcie nie jest to typowy start up, i je\u015bli chodzi o rozw\u00f3j \u015brodowiska uruchomieniowego JavaScriptu, to wydaje si\u0119 to kwota co najmniej rozs\u0105dna. <\/p><p>Osobi\u015bcie do tej pory by\u0142em sceptycznie nastawiony do ca\u0142ego projektu (bo Node to monopolista, bo Node mo\u017ce powoli naprawia\u0107 swoje b\u0142\u0119dy z przesz\u0142o\u015bci, bo Deno to ma\u0142y projekt bez du\u017cych wdro\u017ce\u0144 na produkcj\u0119), ale z takim bud\u017cetem Deno rzeczywi\u015bcie mo\u017ce rzuci\u0107 r\u0119kawic\u0119 Node. Nie mog\u0119 si\u0119 ju\u017c doczeka\u0107, \u017ceby zobaczy\u0107 pierwsze efekty tego zastrzyku got\u00f3wki.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7351d86.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h2 id=\"%C5%BAr%C3%B3d%C5%82a-1\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/deno.com\/blog\/the-deno-company\">https:\/\/deno.com\/blog\/the-deno-company<\/a><\/p><h1 id=\"3-nextjs-101\">3. Next.js 10.1<\/h1><p>Je\u015bli m\u00f3wimy ju\u017c o dobrze dofinansowanych projektach, to przejd\u017amy do Next.js, kt\u00f3re prawie dok\u0142adnie rok temu zgarn\u0119\u0142o 21 milion\u00f3w dolar\u00f3w (to dopiero kwota!) na rozw\u00f3j projektu. W tym tygodniu dostali\u015bmy kolejn\u0105 wersj\u0119 biblioteki, a w niej wsparcie dla Webpacka 5 (a\u017c mi\u0142o patrze\u0107, jak wszyscy powoli migruj\u0105 si\u0119 do tej wersji i zaczynaj\u0105 korzysta\u0107 z nowych funkcjonalno\u015bci \u2764\ufe0f), szybsza instalacj\u0119 i prze\u0142adowywanie strony. Do wydania wlecia\u0142o te\u017c kilka zmian, kt\u00f3rych pojawienie si\u0119 mocno mnie zaskoczy\u0142o, bo spodziewa\u0142em si\u0119, \u017ce tak popularna biblioteka b\u0119dzie je posiada\u0107 od dawna. Mam tu na my\u015bli mi\u0119dzy innymi wsparcie dla spersonalizowanej strony b\u0142\u0119du, czy wsparcie dla extends w tsconfig. Mam nadziej\u0119, \u017ce takich kwiatk\u00f3w zosta\u0142o ju\u017c w Next.js coraz mniej.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7418c17.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h2 id=\"%C5%BAr%C3%B3d%C5%82a-2\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/nextjs.org\/blog\/next-10-1\">https:\/\/nextjs.org\/blog\/next-10-1<\/a><\/p><h1 id=\"bonus\">Bonus<\/h1><p>Dzi\u015b na zako\u0144czenie mam dla Was kolejny bonus (w ostatnich edycjach bonusy jako\u015b dobrze si\u0119 tutaj zadomowi\u0142y). W zesz\u0142y weekend wystartowa\u0142 kolejny sezon formu\u0142y (i na razie zapowiada si\u0119 naprawd\u0119 ciekawie  ), a Jake Archibald postanowi\u0142 sprawdzi\u0107, jak szybkie s\u0105 strony poszczeg\u00f3lnych zespo\u0142\u00f3w F1 i zastanowi\u0107 si\u0119, jak mo\u017cna je przyspieszy\u0107. Nawet je\u015bli nie interesujecie si\u0119 Formu\u0142\u0105, to w wolnej chwili warto przeczyta\u0107 ca\u0142\u0105 seri\u0119, bo to naprawd\u0119 dobry materia\u0142 pokazuj\u0105cy, jak nale\u017cy diagnozowa\u0107 i optymalizowa\u0107 niewydajne strony.<br \/><\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b762734d.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Je\u015bli chodzi o mnie to w tym roku zdecydowanie jestem #TeamMcLaren<\/figcaption><\/figure><h2 id=\"%C5%BAr%C3%B3d%C5%82a-3\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/jakearchibald.com\/2021\/f1-perf-part-1\/\">https:\/\/jakearchibald.com\/2021\/f1-perf-part-1\/<\/a><\/p><hr \/><p>Pami\u0119tajcie, \u017ceby spr\u00f3bowa\u0107 Vived, je\u015bli chcesz otrzymywa\u0107 tego typu tre\u015bci spersonalizowane pod Ciebie!<\/p><ul><li><a href=\"https:\/\/apps.apple.com\/app\/apple-store\/id1460117345?pt=120039206&amp;ct=frontend-thursday&amp;mt=8\">App Store<\/a> <\/li><li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.virtuslab.vived&amp;referrer=utm_source%3Dvived-blog%26utm_medium%3Dfrontend-thursday%26utm_campaign%3Dfrontend-thursday%26anid%3Dadmob\">Play Store<\/a> <\/li><li><a href=\"https:\/\/app.vived.io\/\">Wersja PWA<\/a> <\/li><\/ul>","innerContent":["<p>Dzisiejszy przegl\u0105d musimy zacz\u0105\u0107 od wiadomo\u015bci z ostatniej chwili. StackOverflow wprowadzi\u0142 limit Ctrl+C, Ctrl+V. Ja zastanawiam si\u0119 jak poprosi\u0107 menad\u017cera o wersj\u0119 premium i nie straci\u0107 twarzy, ale najbardziej szkoda mi biednych student\u00f3w, kt\u00f3rych nie b\u0119dzie sta\u0107 na wersj\u0119 premium. Wszyscy absolwenci informatyki po roku 2021 b\u0119d\u0105 mie\u0107 u mnie podczas rekrutacji dodatkowe punkty respektu na starcie.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7062421.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h1 id=\"1-the-latest-features-of-css-in-2021\">1. The latest features of CSS in 2021<\/h1><p>Okres podsumowa\u0144 roku 2020 i przewidywa\u0144 na rok 2021 mamy ju\u017c za sob\u0105, ale artyku\u0142, kt\u00f3ry znajdziecie w \u017ar\u00f3d\u0142ach na tyle przyci\u0105gn\u0105\u0142 moj\u0105 uwag\u0119, \u017ce mimo wszystko postanowi\u0142em si\u0119 nim z Wami podzieli\u0107. Organizacja W3C co roku publikuje zaktualizowan\u0105 specyfikacj\u0119 j\u0119zyka CSS. Niestety w specyfikacji nie znajdziemy wyr\u00f3\u017cnionych nowych funkcjonalno\u015bci i tym bardziej informacji o ich adopcji w przegl\u0105darkach. Autor artyku\u0142u postanowi\u0142 wyj\u015b\u0107 tym przeciwno\u015bciom naprzeciw i w opracowaniu znajdziecie nowe funkcjonalno\u015bci wraz z przyk\u0142adami wykorzystania i informacj\u0105 o adopcji z Can I Use. Je\u015bli na State of CSS 2021 nie chcecie znowu by\u0107 zaskoczeni mo\u017cliwo\u015bciami CSSa, to powinna to by\u0107 dla Was lektura obowi\u0105zkowa.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b725b3f2.png\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Mem dzi\u015b ju\u017c odrobin\u0119 nieaktualny, ale wci\u0105\u017c niezmiernie \u015bmieszny<\/figcaption><\/figure><p>Ja chyba najbardziej ciesz\u0119 si\u0119 na aspect-ratio i content-visibility. Koniecznie dajcie zna\u0107 na co najbardziej czekacie.<\/p><h2 id=\"%C5%BAr%C3%B3d%C5%82a\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/blog.logrocket.com\/the-latest-features-of-css-in-2021\/\">https:\/\/blog.logrocket.com\/the-latest-features-of-css-in-2021\/<\/a><\/p><h1 id=\"2-announcing-the-deno-company\">2. Announcing the Deno Company<\/h1><p>W ten poniedzia\u0142ek Ryan Dahl og\u0142osi\u0142, \u017ce powstanie Deno Company, kt\u00f3re odpowiedzialne b\u0119dzie (bez zaskocze\u0144) za rozw\u00f3j samego Deno i technologii z nim powi\u0105zanych. Na start firma zebra\u0142a prawie 5 milion\u00f3w dolar\u00f3w kapita\u0142u i gdyby Deno Company by\u0142o startupem, to nie wr\u00f3\u017cy\u0142 bym mu jeszcze \u015bwietlanej przysz\u0142o\u015bci. Na szcz\u0119\u015bcie nie jest to typowy start up, i je\u015bli chodzi o rozw\u00f3j \u015brodowiska uruchomieniowego JavaScriptu, to wydaje si\u0119 to kwota co najmniej rozs\u0105dna. <\/p><p>Osobi\u015bcie do tej pory by\u0142em sceptycznie nastawiony do ca\u0142ego projektu (bo Node to monopolista, bo Node mo\u017ce powoli naprawia\u0107 swoje b\u0142\u0119dy z przesz\u0142o\u015bci, bo Deno to ma\u0142y projekt bez du\u017cych wdro\u017ce\u0144 na produkcj\u0119), ale z takim bud\u017cetem Deno rzeczywi\u015bcie mo\u017ce rzuci\u0107 r\u0119kawic\u0119 Node. Nie mog\u0119 si\u0119 ju\u017c doczeka\u0107, \u017ceby zobaczy\u0107 pierwsze efekty tego zastrzyku got\u00f3wki.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7351d86.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h2 id=\"%C5%BAr%C3%B3d%C5%82a-1\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/deno.com\/blog\/the-deno-company\">https:\/\/deno.com\/blog\/the-deno-company<\/a><\/p><h1 id=\"3-nextjs-101\">3. Next.js 10.1<\/h1><p>Je\u015bli m\u00f3wimy ju\u017c o dobrze dofinansowanych projektach, to przejd\u017amy do Next.js, kt\u00f3re prawie dok\u0142adnie rok temu zgarn\u0119\u0142o 21 milion\u00f3w dolar\u00f3w (to dopiero kwota!) na rozw\u00f3j projektu. W tym tygodniu dostali\u015bmy kolejn\u0105 wersj\u0119 biblioteki, a w niej wsparcie dla Webpacka 5 (a\u017c mi\u0142o patrze\u0107, jak wszyscy powoli migruj\u0105 si\u0119 do tej wersji i zaczynaj\u0105 korzysta\u0107 z nowych funkcjonalno\u015bci \u2764\ufe0f), szybsza instalacj\u0119 i prze\u0142adowywanie strony. Do wydania wlecia\u0142o te\u017c kilka zmian, kt\u00f3rych pojawienie si\u0119 mocno mnie zaskoczy\u0142o, bo spodziewa\u0142em si\u0119, \u017ce tak popularna biblioteka b\u0119dzie je posiada\u0107 od dawna. Mam tu na my\u015bli mi\u0119dzy innymi wsparcie dla spersonalizowanej strony b\u0142\u0119du, czy wsparcie dla extends w tsconfig. Mam nadziej\u0119, \u017ce takich kwiatk\u00f3w zosta\u0142o ju\u017c w Next.js coraz mniej.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b7418c17.png\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h2 id=\"%C5%BAr%C3%B3d%C5%82a-2\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/nextjs.org\/blog\/next-10-1\">https:\/\/nextjs.org\/blog\/next-10-1<\/a><\/p><h1 id=\"bonus\">Bonus<\/h1><p>Dzi\u015b na zako\u0144czenie mam dla Was kolejny bonus (w ostatnich edycjach bonusy jako\u015b dobrze si\u0119 tutaj zadomowi\u0142y). W zesz\u0142y weekend wystartowa\u0142 kolejny sezon formu\u0142y (i na razie zapowiada si\u0119 naprawd\u0119 ciekawie  ), a Jake Archibald postanowi\u0142 sprawdzi\u0107, jak szybkie s\u0105 strony poszczeg\u00f3lnych zespo\u0142\u00f3w F1 i zastanowi\u0107 si\u0119, jak mo\u017cna je przyspieszy\u0107. Nawet je\u015bli nie interesujecie si\u0119 Formu\u0142\u0105, to w wolnej chwili warto przeczyta\u0107 ca\u0142\u0105 seri\u0119, bo to naprawd\u0119 dobry materia\u0142 pokazuj\u0105cy, jak nale\u017cy diagnozowa\u0107 i optymalizowa\u0107 niewydajne strony.<br \/><\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0b762734d.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Je\u015bli chodzi o mnie to w tym roku zdecydowanie jestem #TeamMcLaren<\/figcaption><\/figure><h2 id=\"%C5%BAr%C3%B3d%C5%82a-3\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/jakearchibald.com\/2021\/f1-perf-part-1\/\">https:\/\/jakearchibald.com\/2021\/f1-perf-part-1\/<\/a><\/p><hr \/><p>Pami\u0119tajcie, \u017ceby spr\u00f3bowa\u0107 Vived, je\u015bli chcesz otrzymywa\u0107 tego typu tre\u015bci spersonalizowane pod Ciebie!<\/p><ul><li><a href=\"https:\/\/apps.apple.com\/app\/apple-store\/id1460117345?pt=120039206&amp;ct=frontend-thursday&amp;mt=8\">App Store<\/a> <\/li><li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.virtuslab.vived&amp;referrer=utm_source%3Dvived-blog%26utm_medium%3Dfrontend-thursday%26utm_campaign%3Dfrontend-thursday%26anid%3Dadmob\">Play Store<\/a> <\/li><li><a href=\"https:\/\/app.vived.io\/\">Wersja PWA<\/a> <\/li><\/ul>"]}],"_links":{"self":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/comments?post=10159"}],"version-history":[{"count":1,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10159\/revisions"}],"predecessor-version":[{"id":10646,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10159\/revisions\/10646"}],"wp:attachment":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/media?parent=10159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/categories?post=10159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/tags?post=10159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}