{"id":10138,"date":"2021-05-13T15:56:47","date_gmt":"2021-05-13T13:56:47","guid":{"rendered":"https:\/\/vived.io\/frontend-thursday-37\/"},"modified":"2022-09-19T13:16:42","modified_gmt":"2022-09-19T11:16:42","slug":"frontend-thursday-37","status":"publish","type":"post","link":"https:\/\/vived.io\/pl\/frontend-thursday-37\/","title":{"rendered":"Frontend Thursday 37"},"content":{"rendered":"<h1 id=\"1-babelowi-brakuje-pieni%C4%99dzy\">1. Babelowi brakuje pieni\u0119dzy<\/h1>\n<p>Je\u015bli regularnie \u015bledzicie nasze frontendowe przegl\u0105dy (albo korzystacie z Vived!), to na pewno dotar\u0142y do Was informacje o powstaniu Deno Company i Rome Tools, Inc., a tak\u017ce o kwotach, jakie zebra\u0142y na start (odpowiednio 5 i 4.5 miliona dolar\u00f3w). Nie wsz\u0119dzie jednak jest tak kolorowo, bo w minionym tygodniu na blogu Babela pojawi\u0142a si\u0119 notatka informuj\u0105ca, \u017ce osobom odpowiedzialnym za utrzymanie i rozw\u00f3j narz\u0119dzia zaczyna brakowa\u0107 pieni\u0119dzy. Je\u015bli interesuj\u0105 Was twarde dane, to Babel do gromadzenia \u015brodk\u00f3w korzysta z <a href=\"https:\/\/opencollective.com\/babel\">OpenCollective<\/a>, a dane o bud\u017cecie s\u0105 publicznie dost\u0119pne. Obecnie Babel dysponuje oko\u0142o 15 tysi\u0105cami dolar\u00f3w miesi\u0119cznego bud\u017cetu, co nie starcza na op\u0142acenie trzech pracuj\u0105cych nad nim deweloper\u00f3w. Zaoszcz\u0119dzone w lepszych czasach pieni\u0105dze wystarcz\u0105 na utrzymanie zatrudnienia do ko\u0144ca 2021 roku, ale warto nadmieni\u0107, \u017ce Babel oryginalnie aspirowa\u0142 do zatrudnienia a\u017c 4 deweloper\u00f3w.<\/p>\n<p>Mog\u0142oby si\u0119 wydawa\u0107, \u017ce og\u0142oszenie podobnej informacji sk\u0142oni wielkie firmy do refleksji i odpowiedniego wsparcie projektu. Babel w ostatnich latach, dzi\u0119ki coraz prostszej konfiguracji \u015brodowisk deweloperskich, sta\u0142 si\u0119 dla wi\u0119kszo\u015bci programist\u00f3w prze\u017aroczysty (na tyle, \u017ce niespe\u0142na dwa tygodnie temu pojawi\u0142a si\u0119 jego nowa wersja, a my zdecydowali\u015bmy si\u0119 Was o niej nie informowa\u0107 w naszym przegl\u0105dzie). Jak si\u0119 jednak okaza\u0142o, za notatk\u0105 nie pop\u0142yn\u0105\u0142 strumie\u0144 monet, a w internecie zawrza\u0142o. Zapytacie dlaczego? Ot\u00f3\u017c do tej pory a\u017c 10 tysi\u0119cy dolar\u00f3w z miesi\u0119cznego bud\u017cetu wp\u0142ywa\u0142o na konto jednego dewelopera i nie by\u0142a to wcale osoba z najwi\u0119ksz\u0105 liczb\u0105 kontrybucji do Babela. Na Twitterze rozgorza\u0142a dysputa na temat odpowiedzialno\u015bci osoby utrzymuj\u0105cej projekt Open Source, w kt\u00f3rej g\u0142os zabra\u0142y nawet takie tuzy jak Evan You (tw\u00f3rca Vue), czy Sebastian McKenzie (tw\u00f3rca Rome). Z jednej strony jasnym jest, \u017ce zbieranie funduszy, pisanie notatek o nowych funkcjonalno\u015bciach i og\u00f3lnie poj\u0119ta promocja to r\u00f3wnie\u017c praca, za kt\u00f3r\u0105 nale\u017cy si\u0119 wynagrodzenie, a z drugiej stawiane jest pytanie o granic\u0119 mi\u0119dzy dostarczaniem nowych funkcjonalno\u015bci, a czasem po\u015bwi\u0119conym na zbieraniem funduszy. W ko\u0144cu sponsorzy nie p\u0142ac\u0105 za promowanie narz\u0119dzia, ale za jego utrzymanie i rozw\u00f3j. Atmosfer\u0119 podgrzewa\u0142 jeszcze dysonans mi\u0119dzy zarobkami Hernego (g\u0142\u00f3wnego maintenera Babela) i \u00a0pozosta\u0142ych deweloper\u00f3w (10000$ vs 2000$). Co prawda, wraz z publikacj\u0105 wspomnianej wy\u017cej notatki, og\u0142oszono r\u00f3wnie\u017c wyr\u00f3wnanie zarobk\u00f3w wszystkich os\u00f3b zaanga\u017cowanych w projekt i od teraz ca\u0142a tr\u00f3jka zarabia\u0107 b\u0119dzie po 6000 dolar\u00f3w, ale wiele os\u00f3b zarzuca, \u017ce to w\u0142a\u015bnie niesprawiedliwy podzia\u0142 bud\u017cetu doprowadzi\u0142 do obecnej sytuacji. Niekt\u00f3rzy zarzucaj\u0105 nawet, \u017ce obecne stawki s\u0105 zdecydowanie wyg\u00f3rowane. W tej dyskusji warto jednak pami\u0119ta\u0107, \u017ce od wspomnianych kwot nale\u017cy odprowadzi\u0107 jeszcze podatek, wi\u0119c nie jest to kwota, kt\u00f3ra l\u0105duje na koncie deweloper\u00f3w.<\/p>\n<figure class=\"kg-card kg-image-card\"><img decoding=\"async\" src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\" class=\"kg-image\" alt loading=\"lazy\"><\/figure>\n<h3 id=\"%C5%BCr%C3%B3d%C5%82a\">\u017br\u00f3d\u0142a:<\/h3>\n<p><a href=\"https:\/\/babeljs.io\/blog\/2021\/05\/10\/funding-update.html\">https:\/\/babeljs.io\/blog\/2021\/05\/10\/funding-update.html<\/a><br \/><a href=\"https:\/\/news.ycombinator.com\/item?id=27116357\">https:\/\/news.ycombinator.com\/item?id=27116357<\/a><\/p>\n<h1 id=\"2-google-docs-zostanie-przepisane-na-canvas\">2. Google Docs zostanie przepisane na Canvas<\/h1>\n<p>Zastanawiam si\u0119, czy jestem jedyn\u0105 osob\u0105, kt\u00f3ra w og\u0142oszeniu o planowanej migracji Google Docs na Canvas, jest bardziej zaskoczona faktem, \u017ce obecne wersja dzia\u0142a w oparciu o czysty HTML, ni\u017c sam\u0105 decyzj\u0105 Google&#8217;a. Wsp\u00f3\u0142czesne narz\u0119dzia takie jak Miro czy Figma pokazuj\u0105, \u017ce Canvas mo\u017ce sprawdzi\u0107 si\u0119 w powa\u017cnym projekcie, a im d\u0142u\u017cej si\u0119 nad tym zastanawiam tym bardziej utrwalam si\u0119 w przekonaniu, \u017ce za\u0142o\u017cenia statycznego HTML\u2019a bardzo r\u00f3\u017cni\u0105 si\u0119 od za\u0142o\u017ce\u0144 dokument\u00f3w tekstowych. Tym wi\u0119kszym osi\u0105gni\u0119ciem w moich oczach jest obecna forma Google Docs i dok\u0142adno\u015b\u0107, z jak\u0105 przenosz\u0105 skomplikowane uk\u0142ady stron mi\u0119dzy r\u00f3\u017cnymi przegl\u0105darkami i urz\u0105dzeniami.<\/p>\n<p>Jaki wp\u0142yw ta zmiana b\u0119dzie mie\u0107 na przeci\u0119tnego u\u017cytkownika? Przede wszystkim wiele rozszerze\u0144 bazowa\u0142o na HTML\u2019um, wi\u0119c wraz z oficjaln\u0105 publikacj\u0105 wersji opartej na Canvasie mo\u017cemy spodziewa\u0107 si\u0119, \u017ce wi\u0119kszo\u015b\u0107 z nich przestanie dzia\u0142a\u0107. Je\u015bli sami utrzymujecie takie rozszerzenie, albo jeste\u015bcie po prostu ciekawi, jak b\u0119dzie dzia\u0142a\u0107 nowa wersja, to Google udost\u0119pnia przyk\u0142adowy dokument <a href=\"https:\/\/docs.google.com\/document\/d\/1N1XaAI4ZlCUHNWJBXJUBFjxSTlsD5XctCz6LB3Calcg\/edit#\">tutaj<\/a>.<\/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_610d0a62d576a.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>U\u017cytkownicy wi\u0119kszo\u015bci rozszerze\u0144 Google Docs w dniu uruchomienia wersji opartej o Canvas<\/figcaption><\/figure>\n<h3 id=\"%C5%BAr%C3%B3d%C5%82a\">\u0179r\u00f3d\u0142a:<\/h3>\n<p><a href=\"https:\/\/workspaceupdates.googleblog.com\/2021\/05\/Google-Docs-Canvas-Based-Rendering-Update.html\">https:\/\/workspaceupdates.googleblog.com\/2021\/05\/Google-Docs-Canvas-Based-Rendering-Update.html<\/a><br \/><a href=\"https:\/\/news.ycombinator.com\/item?id=27129858\">https:\/\/news.ycombinator.com\/item?id=27129858<\/a><\/p>\n<h1 id=\"3-bootstrap-5\">3. Bootstrap 5<\/h1>\n<p>Jeszcze kilka lat temu Bootstrap by\u0142 kr\u00f3lem w\u015br\u00f3d CSS-owych framework\u00f3w. Ostatnimi czasy sporo si\u0119 zmieni\u0142o i jego miejsce na piedestale zaj\u0105\u0142 Tailwind. O upadku starego kr\u00f3la chyba najlepiej \u015bwiadczy fakt, \u017ce pierwsze du\u017ce wydanie od lat obesz\u0142o si\u0119 w bran\u017cowym \u015brodowisku bez wi\u0119kszego pog\u0142osu, podczas gdy najmniejsze nowo\u015bci dotycz\u0105ce tego drugiego s\u0105 szeroko dyskutowane i komentowane. Je\u015bli darzycie sentymentem Bootstrapa, ale nie macie czasu przebi\u0107 si\u0119 przez d\u0142ugi i nudny release notes, to poni\u017cej znajdziecie kr\u00f3tk\u0105 \u015bci\u0105g\u0119 zmian, kt\u00f3re wyda\u0142y mi si\u0119 interesuj\u0105ce:<\/p>\n<ul>\n<li>Zmieniono logo (skoro autorzy uznali to za najwa\u017cniejsz\u0105 informacj\u0119 release notesa, to kim\u017ce jestem, \u017ceby to zmienia\u0107)<\/li>\n<li>Poprawiono i rozszerzono dokumentacj\u0119 (m.in. pojawi\u0142a si\u0119 nowa sekcja dotycz\u0105ca formularz i personalizacji)<\/li>\n<li>Pojawi\u0142o si\u0119 kilka nowych komponent\u00f3w i utilities (m.in. offcanvas, accordion, floating-labels, file-input)<\/li>\n<li>dodano wsparcie dla j\u0119zyk\u00f3w czytanych od prawej do lewej<\/li>\n<li>Po raz kolejny zerujemy licznik od ostatniego og\u0142oszenia porzucenia wsparcia dla IE 11<\/li>\n<li>Bootstrap nie b\u0119dzie posiada\u0142 ju\u017c dependencji na jQuery <\/li>\n<\/ul>\n<figure class=\"kg-card kg-image-card kg-card-hascaption\"><img decoding=\"async\" src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a6460cd3.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Koronacja Tailwinda na kr\u00f3la frontendowych framework\u00f3w, koloryzowane<\/figcaption><\/figure>\n<h3 id=\"%C5%BAr%C3%B3d%C5%82a-1\">\u0179r\u00f3d\u0142a:<\/h3>\n<p><a href=\"https:\/\/blog.getbootstrap.com\/2021\/05\/05\/bootstrap-5\/\">https:\/\/blog.getbootstrap.com\/2021\/05\/05\/bootstrap-5\/<\/a><\/p>\n<h1 id=\"4-angular-12\">4. Angular 12<\/h1>\n<p>Pojawienie si\u0119 nowego Angulara w tym tygodniu by\u0142o takim samym zaskoczeniem, jak kolejne mistrzostwo Niemiec dla Bayernu Monachium czy kolejne zwyci\u0119stwo Hamiltona w F1. Je\u015bli zag\u0142\u0119bi\u0107 si\u0119 w nowe funkcjonalno\u015bci, to tu te\u017c nie znajdziemy nic niezaskakuj\u0105cego, bo wszystkie zmiany by\u0142y ju\u017c komunikowane w oficjalnych kana\u0142ach. Mamy wi\u0119c oficjaln\u0105 deprekacj\u0119 View Engine, usuni\u0119cie Protraktora z nowo generowanych projekt\u00f3w, wsparcie dla Nullish Coalescing w html<br \/>\nowych templatach, Webpack 5, TypeScript 4.2, lepsze wsparcie dla Tailwinda i inline SASS i w ko\u0144cu deprekacj\u0119 wsparcia dla IE 11. Szczerze m\u00f3wi\u0105c liczy\u0142em na jakie\u015b mi\u0142e zaskoczenie w ostatnim momencie, bo w ostatecznym rozrachunku Angular 12 jest troch\u0119\u2026 nudny? <\/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_610d0a65ac7c5.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Przeci\u0119tny u\u017cytkownik Vived, kt\u00f3ry regularnie przegl\u0105da Keep Up, w momencie pojawienia si\u0119 Angulara 12<\/figcaption><\/figure>\n<h3 id=\"%C5%BAr%C3%B3d%C5%82a-2\">\u0179r\u00f3d\u0142a:<\/h3>\n<p><a href=\"https:\/\/blog.angular.io\/angular-v12-is-now-available-32ed51fbfd49\">https:\/\/blog.angular.io\/angular-v12-is-now-available-32ed51fbfd49<\/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:\/\/bit.ly\/3m421dx\" rel=\"nofollow noopener\">Play Store<\/a> <\/li>\n<li><a href=\"https:\/\/apple.co\/3fB8Kcf\" rel=\"nofollow noopener\">App Store<\/a> <\/li>\n<li><a href=\"http:\/\/bit.ly\/2M7CeUN\">Wersja PWA<\/a> <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>1. Babelowi brakuje pieni\u0119dzy Je\u015bli regularnie \u015bledzicie nasze frontendowe przegl\u0105dy (albo korzystacie z Vived!), to na pewno dotar\u0142y do Was informacje o powstaniu Deno Company i Rome Tools, Inc., a tak\u017ce o kwotach, jakie zebra\u0142y na start (odpowiednio 5 i 4.5 miliona dolar\u00f3w). Nie wsz\u0119dzie jednak jest tak kolorowo, bo w minionym tygodniu na blogu [&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-10138","post","type-post","status-publish","format-standard","hentry","category-frontend-pl"],"acf":{"weekly_summary":true,"estimated_reading_time":"5"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Frontend Thursday 37 - 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-37\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend Thursday 37 - Vived\" \/>\n<meta property=\"og:description\" content=\"1. Babelowi brakuje pieni\u0119dzy Je\u015bli regularnie \u015bledzicie nasze frontendowe przegl\u0105dy (albo korzystacie z Vived!), to na pewno dotar\u0142y do Was informacje o powstaniu Deno Company i Rome Tools, Inc., a tak\u017ce o kwotach, jakie zebra\u0142y na start (odpowiednio 5 i 4.5 miliona dolar\u00f3w). Nie wsz\u0119dzie jednak jest tak kolorowo, bo w minionym tygodniu na blogu [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vived.io\/pl\/frontend-thursday-37\/\" \/>\n<meta property=\"og:site_name\" content=\"Vived\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-13T13:56:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-19T11:16:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\" \/>\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-37\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/\"},\"author\":{\"name\":\"Tomasz Borowicz\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb\"},\"headline\":\"Frontend Thursday 37\",\"datePublished\":\"2021-05-13T13:56:47+00:00\",\"dateModified\":\"2022-09-19T11:16:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/\"},\"wordCount\":1122,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/vived.io\/pl\/#organization\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\",\"articleSection\":[\"Frontend\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vived.io\/pl\/frontend-thursday-37\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/\",\"url\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/\",\"name\":\"Frontend Thursday 37 - Vived\",\"isPartOf\":{\"@id\":\"https:\/\/vived.io\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\",\"datePublished\":\"2021-05-13T13:56:47+00:00\",\"dateModified\":\"2022-09-19T11:16:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vived.io\/pl\/frontend-thursday-37\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage\",\"url\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\",\"contentUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-37\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/vived.io\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend Thursday 37\"}]},{\"@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 37 - 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-37\/","og_locale":"pl_PL","og_type":"article","og_title":"Frontend Thursday 37 - Vived","og_description":"1. Babelowi brakuje pieni\u0119dzy Je\u015bli regularnie \u015bledzicie nasze frontendowe przegl\u0105dy (albo korzystacie z Vived!), to na pewno dotar\u0142y do Was informacje o powstaniu Deno Company i Rome Tools, Inc., a tak\u017ce o kwotach, jakie zebra\u0142y na start (odpowiednio 5 i 4.5 miliona dolar\u00f3w). Nie wsz\u0119dzie jednak jest tak kolorowo, bo w minionym tygodniu na blogu [&hellip;]","og_url":"https:\/\/vived.io\/pl\/frontend-thursday-37\/","og_site_name":"Vived","article_published_time":"2021-05-13T13:56:47+00:00","article_modified_time":"2022-09-19T11:16:42+00:00","og_image":[{"url":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg","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-37\/#article","isPartOf":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/"},"author":{"name":"Tomasz Borowicz","@id":"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb"},"headline":"Frontend Thursday 37","datePublished":"2021-05-13T13:56:47+00:00","dateModified":"2022-09-19T11:16:42+00:00","mainEntityOfPage":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/"},"wordCount":1122,"commentCount":0,"publisher":{"@id":"https:\/\/vived.io\/pl\/#organization"},"image":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg","articleSection":["Frontend"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vived.io\/pl\/frontend-thursday-37\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/","url":"https:\/\/vived.io\/pl\/frontend-thursday-37\/","name":"Frontend Thursday 37 - Vived","isPartOf":{"@id":"https:\/\/vived.io\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage"},"image":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg","datePublished":"2021-05-13T13:56:47+00:00","dateModified":"2022-09-19T11:16:42+00:00","breadcrumb":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vived.io\/pl\/frontend-thursday-37\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/#primaryimage","url":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg","contentUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/vived.io\/pl\/frontend-thursday-37\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/vived.io\/pl\/"},{"@type":"ListItem","position":2,"name":"Frontend Thursday 37"}]},{"@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":"<h1 id=\"1-babelowi-brakuje-pieni%C4%99dzy\">1. Babelowi brakuje pieni\u0119dzy<\/h1><p>Je\u015bli regularnie \u015bledzicie nasze frontendowe przegl\u0105dy (albo korzystacie z Vived!), to na pewno dotar\u0142y do Was informacje o powstaniu Deno Company i Rome Tools, Inc., a tak\u017ce o kwotach, jakie zebra\u0142y na start (odpowiednio 5 i 4.5 miliona dolar\u00f3w). Nie wsz\u0119dzie jednak jest tak kolorowo, bo w minionym tygodniu na blogu Babela pojawi\u0142a si\u0119 notatka informuj\u0105ca, \u017ce osobom odpowiedzialnym za utrzymanie i rozw\u00f3j narz\u0119dzia zaczyna brakowa\u0107 pieni\u0119dzy. Je\u015bli interesuj\u0105 Was twarde dane, to Babel do gromadzenia \u015brodk\u00f3w korzysta z <a href=\"https:\/\/opencollective.com\/babel\">OpenCollective<\/a>, a dane o bud\u017cecie s\u0105 publicznie dost\u0119pne. Obecnie Babel dysponuje oko\u0142o 15 tysi\u0105cami dolar\u00f3w miesi\u0119cznego bud\u017cetu, co nie starcza na op\u0142acenie trzech pracuj\u0105cych nad nim deweloper\u00f3w. Zaoszcz\u0119dzone w lepszych czasach pieni\u0105dze wystarcz\u0105 na utrzymanie zatrudnienia do ko\u0144ca 2021 roku, ale warto nadmieni\u0107, \u017ce Babel oryginalnie aspirowa\u0142 do zatrudnienia a\u017c 4 deweloper\u00f3w.<\/p><p>Mog\u0142oby si\u0119 wydawa\u0107, \u017ce og\u0142oszenie podobnej informacji sk\u0142oni wielkie firmy do refleksji i odpowiedniego wsparcie projektu. Babel w ostatnich latach, dzi\u0119ki coraz prostszej konfiguracji \u015brodowisk deweloperskich, sta\u0142 si\u0119 dla wi\u0119kszo\u015bci programist\u00f3w prze\u017aroczysty (na tyle, \u017ce niespe\u0142na dwa tygodnie temu pojawi\u0142a si\u0119 jego nowa wersja, a my zdecydowali\u015bmy si\u0119 Was o niej nie informowa\u0107 w naszym przegl\u0105dzie). Jak si\u0119 jednak okaza\u0142o, za notatk\u0105 nie pop\u0142yn\u0105\u0142 strumie\u0144 monet, a w internecie zawrza\u0142o. Zapytacie dlaczego? Ot\u00f3\u017c do tej pory a\u017c 10 tysi\u0119cy dolar\u00f3w z miesi\u0119cznego bud\u017cetu wp\u0142ywa\u0142o na konto jednego dewelopera i nie by\u0142a to wcale osoba z najwi\u0119ksz\u0105 liczb\u0105 kontrybucji do Babela. Na Twitterze rozgorza\u0142a dysputa na temat odpowiedzialno\u015bci osoby utrzymuj\u0105cej projekt Open Source, w kt\u00f3rej g\u0142os zabra\u0142y nawet takie tuzy jak Evan You (tw\u00f3rca Vue), czy Sebastian McKenzie (tw\u00f3rca Rome). Z jednej strony jasnym jest, \u017ce zbieranie funduszy, pisanie notatek o nowych funkcjonalno\u015bciach i og\u00f3lnie poj\u0119ta promocja to r\u00f3wnie\u017c praca, za kt\u00f3r\u0105 nale\u017cy si\u0119 wynagrodzenie, a z drugiej stawiane jest pytanie o granic\u0119 mi\u0119dzy dostarczaniem nowych funkcjonalno\u015bci, a czasem po\u015bwi\u0119conym na zbieraniem funduszy. W ko\u0144cu sponsorzy nie p\u0142ac\u0105 za promowanie narz\u0119dzia, ale za jego utrzymanie i rozw\u00f3j. Atmosfer\u0119 podgrzewa\u0142 jeszcze dysonans mi\u0119dzy zarobkami Hernego (g\u0142\u00f3wnego maintenera Babela) i \u00a0pozosta\u0142ych deweloper\u00f3w (10000$ vs 2000$). Co prawda, wraz z publikacj\u0105 wspomnianej wy\u017cej notatki, og\u0142oszono r\u00f3wnie\u017c wyr\u00f3wnanie zarobk\u00f3w wszystkich os\u00f3b zaanga\u017cowanych w projekt i od teraz ca\u0142a tr\u00f3jka zarabia\u0107 b\u0119dzie po 6000 dolar\u00f3w, ale wiele os\u00f3b zarzuca, \u017ce to w\u0142a\u015bnie niesprawiedliwy podzia\u0142 bud\u017cetu doprowadzi\u0142 do obecnej sytuacji. Niekt\u00f3rzy zarzucaj\u0105 nawet, \u017ce obecne stawki s\u0105 zdecydowanie wyg\u00f3rowane. W tej dyskusji warto jednak pami\u0119ta\u0107, \u017ce od wspomnianych kwot nale\u017cy odprowadzi\u0107 jeszcze podatek, wi\u0119c nie jest to kwota, kt\u00f3ra l\u0105duje na koncie deweloper\u00f3w.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h3 id=\"%C5%BCr%C3%B3d%C5%82a\">\u017br\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/babeljs.io\/blog\/2021\/05\/10\/funding-update.html\">https:\/\/babeljs.io\/blog\/2021\/05\/10\/funding-update.html<\/a><br \/><a href=\"https:\/\/news.ycombinator.com\/item?id=27116357\">https:\/\/news.ycombinator.com\/item?id=27116357<\/a><\/p><h1 id=\"2-google-docs-zostanie-przepisane-na-canvas\">2. Google Docs zostanie przepisane na Canvas<\/h1><p>Zastanawiam si\u0119, czy jestem jedyn\u0105 osob\u0105, kt\u00f3ra w og\u0142oszeniu o planowanej migracji Google Docs na Canvas, jest bardziej zaskoczona faktem, \u017ce obecne wersja dzia\u0142a w oparciu o czysty HTML, ni\u017c sam\u0105 decyzj\u0105 Google'a. Wsp\u00f3\u0142czesne narz\u0119dzia takie jak Miro czy Figma pokazuj\u0105, \u017ce Canvas mo\u017ce sprawdzi\u0107 si\u0119 w powa\u017cnym projekcie, a im d\u0142u\u017cej si\u0119 nad tym zastanawiam tym bardziej utrwalam si\u0119 w przekonaniu, \u017ce za\u0142o\u017cenia statycznego HTML\u2019a bardzo r\u00f3\u017cni\u0105 si\u0119 od za\u0142o\u017ce\u0144 dokument\u00f3w tekstowych. Tym wi\u0119kszym osi\u0105gni\u0119ciem w moich oczach jest obecna forma Google Docs i dok\u0142adno\u015b\u0107, z jak\u0105 przenosz\u0105 skomplikowane uk\u0142ady stron mi\u0119dzy r\u00f3\u017cnymi przegl\u0105darkami i urz\u0105dzeniami.<\/p><p>Jaki wp\u0142yw ta zmiana b\u0119dzie mie\u0107 na przeci\u0119tnego u\u017cytkownika? Przede wszystkim wiele rozszerze\u0144 bazowa\u0142o na HTML\u2019um, wi\u0119c wraz z oficjaln\u0105 publikacj\u0105 wersji opartej na Canvasie mo\u017cemy spodziewa\u0107 si\u0119, \u017ce wi\u0119kszo\u015b\u0107 z nich przestanie dzia\u0142a\u0107. Je\u015bli sami utrzymujecie takie rozszerzenie, albo jeste\u015bcie po prostu ciekawi, jak b\u0119dzie dzia\u0142a\u0107 nowa wersja, to Google udost\u0119pnia przyk\u0142adowy dokument <a href=\"https:\/\/docs.google.com\/document\/d\/1N1XaAI4ZlCUHNWJBXJUBFjxSTlsD5XctCz6LB3Calcg\/edit#\">tutaj<\/a>.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a62d576a.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>U\u017cytkownicy wi\u0119kszo\u015bci rozszerze\u0144 Google Docs w dniu uruchomienia wersji opartej o Canvas<\/figcaption><\/figure><h3 id=\"%C5%BAr%C3%B3d%C5%82a\">\u0179r\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/workspaceupdates.googleblog.com\/2021\/05\/Google-Docs-Canvas-Based-Rendering-Update.html\">https:\/\/workspaceupdates.googleblog.com\/2021\/05\/Google-Docs-Canvas-Based-Rendering-Update.html<\/a><br \/><a href=\"https:\/\/news.ycombinator.com\/item?id=27129858\">https:\/\/news.ycombinator.com\/item?id=27129858<\/a><\/p><h1 id=\"3-bootstrap-5\">3. Bootstrap 5<\/h1><p>Jeszcze kilka lat temu Bootstrap by\u0142 kr\u00f3lem w\u015br\u00f3d CSS-owych framework\u00f3w. Ostatnimi czasy sporo si\u0119 zmieni\u0142o i jego miejsce na piedestale zaj\u0105\u0142 Tailwind. O upadku starego kr\u00f3la chyba najlepiej \u015bwiadczy fakt, \u017ce pierwsze du\u017ce wydanie od lat obesz\u0142o si\u0119 w bran\u017cowym \u015brodowisku bez wi\u0119kszego pog\u0142osu, podczas gdy najmniejsze nowo\u015bci dotycz\u0105ce tego drugiego s\u0105 szeroko dyskutowane i komentowane. Je\u015bli darzycie sentymentem Bootstrapa, ale nie macie czasu przebi\u0107 si\u0119 przez d\u0142ugi i nudny release notes, to poni\u017cej znajdziecie kr\u00f3tk\u0105 \u015bci\u0105g\u0119 zmian, kt\u00f3re wyda\u0142y mi si\u0119 interesuj\u0105ce:<\/p><ul><li>Zmieniono logo (skoro autorzy uznali to za najwa\u017cniejsz\u0105 informacj\u0119 release notesa, to kim\u017ce jestem, \u017ceby to zmienia\u0107)<\/li><li>Poprawiono i rozszerzono dokumentacj\u0119 (m.in. pojawi\u0142a si\u0119 nowa sekcja dotycz\u0105ca formularz i personalizacji)<\/li><li>Pojawi\u0142o si\u0119 kilka nowych komponent\u00f3w i utilities (m.in. offcanvas, accordion, floating-labels, file-input)<\/li><li>dodano wsparcie dla j\u0119zyk\u00f3w czytanych od prawej do lewej<\/li><li>Po raz kolejny zerujemy licznik od ostatniego og\u0142oszenia porzucenia wsparcia dla IE 11<\/li><li>Bootstrap nie b\u0119dzie posiada\u0142 ju\u017c dependencji na jQuery <\/li><\/ul><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a6460cd3.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Koronacja Tailwinda na kr\u00f3la frontendowych framework\u00f3w, koloryzowane<\/figcaption><\/figure><h3 id=\"%C5%BAr%C3%B3d%C5%82a-1\">\u0179r\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/blog.getbootstrap.com\/2021\/05\/05\/bootstrap-5\/\">https:\/\/blog.getbootstrap.com\/2021\/05\/05\/bootstrap-5\/<\/a><\/p><h1 id=\"4-angular-12\">4. Angular 12<\/h1><p>Pojawienie si\u0119 nowego Angulara w tym tygodniu by\u0142o takim samym zaskoczeniem, jak kolejne mistrzostwo Niemiec dla Bayernu Monachium czy kolejne zwyci\u0119stwo Hamiltona w F1. Je\u015bli zag\u0142\u0119bi\u0107 si\u0119 w nowe funkcjonalno\u015bci, to tu te\u017c nie znajdziemy nic niezaskakuj\u0105cego, bo wszystkie zmiany by\u0142y ju\u017c komunikowane w oficjalnych kana\u0142ach. Mamy wi\u0119c oficjaln\u0105 deprekacj\u0119 View Engine, usuni\u0119cie Protraktora z nowo generowanych projekt\u00f3w, wsparcie dla Nullish Coalescing w html\nowych templatach, Webpack 5, TypeScript 4.2, lepsze wsparcie dla Tailwinda i inline SASS i w ko\u0144cu deprekacj\u0119 wsparcia dla IE 11. Szczerze m\u00f3wi\u0105c liczy\u0142em na jakie\u015b mi\u0142e zaskoczenie w ostatnim momencie, bo w ostatecznym rozrachunku Angular 12 jest troch\u0119\u2026 nudny? <br \/><\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a65ac7c5.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Przeci\u0119tny u\u017cytkownik Vived, kt\u00f3ry regularnie przegl\u0105da Keep Up, w momencie pojawienia si\u0119 Angulara 12<\/figcaption><\/figure><h3 id=\"%C5%BAr%C3%B3d%C5%82a-2\">\u0179r\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/blog.angular.io\/angular-v12-is-now-available-32ed51fbfd49\">https:\/\/blog.angular.io\/angular-v12-is-now-available-32ed51fbfd49<\/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:\/\/bit.ly\/3m421dx\" rel=\"nofollow noopener\">Play Store<\/a> <\/li><li><a href=\"https:\/\/apple.co\/3fB8Kcf\" rel=\"nofollow noopener\">App Store<\/a> <\/li><li><a href=\"http:\/\/bit.ly\/2M7CeUN\">Wersja PWA<\/a> <\/li><\/ul>","innerContent":["<h1 id=\"1-babelowi-brakuje-pieni%C4%99dzy\">1. Babelowi brakuje pieni\u0119dzy<\/h1><p>Je\u015bli regularnie \u015bledzicie nasze frontendowe przegl\u0105dy (albo korzystacie z Vived!), to na pewno dotar\u0142y do Was informacje o powstaniu Deno Company i Rome Tools, Inc., a tak\u017ce o kwotach, jakie zebra\u0142y na start (odpowiednio 5 i 4.5 miliona dolar\u00f3w). Nie wsz\u0119dzie jednak jest tak kolorowo, bo w minionym tygodniu na blogu Babela pojawi\u0142a si\u0119 notatka informuj\u0105ca, \u017ce osobom odpowiedzialnym za utrzymanie i rozw\u00f3j narz\u0119dzia zaczyna brakowa\u0107 pieni\u0119dzy. Je\u015bli interesuj\u0105 Was twarde dane, to Babel do gromadzenia \u015brodk\u00f3w korzysta z <a href=\"https:\/\/opencollective.com\/babel\">OpenCollective<\/a>, a dane o bud\u017cecie s\u0105 publicznie dost\u0119pne. Obecnie Babel dysponuje oko\u0142o 15 tysi\u0105cami dolar\u00f3w miesi\u0119cznego bud\u017cetu, co nie starcza na op\u0142acenie trzech pracuj\u0105cych nad nim deweloper\u00f3w. Zaoszcz\u0119dzone w lepszych czasach pieni\u0105dze wystarcz\u0105 na utrzymanie zatrudnienia do ko\u0144ca 2021 roku, ale warto nadmieni\u0107, \u017ce Babel oryginalnie aspirowa\u0142 do zatrudnienia a\u017c 4 deweloper\u00f3w.<\/p><p>Mog\u0142oby si\u0119 wydawa\u0107, \u017ce og\u0142oszenie podobnej informacji sk\u0142oni wielkie firmy do refleksji i odpowiedniego wsparcie projektu. Babel w ostatnich latach, dzi\u0119ki coraz prostszej konfiguracji \u015brodowisk deweloperskich, sta\u0142 si\u0119 dla wi\u0119kszo\u015bci programist\u00f3w prze\u017aroczysty (na tyle, \u017ce niespe\u0142na dwa tygodnie temu pojawi\u0142a si\u0119 jego nowa wersja, a my zdecydowali\u015bmy si\u0119 Was o niej nie informowa\u0107 w naszym przegl\u0105dzie). Jak si\u0119 jednak okaza\u0142o, za notatk\u0105 nie pop\u0142yn\u0105\u0142 strumie\u0144 monet, a w internecie zawrza\u0142o. Zapytacie dlaczego? Ot\u00f3\u017c do tej pory a\u017c 10 tysi\u0119cy dolar\u00f3w z miesi\u0119cznego bud\u017cetu wp\u0142ywa\u0142o na konto jednego dewelopera i nie by\u0142a to wcale osoba z najwi\u0119ksz\u0105 liczb\u0105 kontrybucji do Babela. Na Twitterze rozgorza\u0142a dysputa na temat odpowiedzialno\u015bci osoby utrzymuj\u0105cej projekt Open Source, w kt\u00f3rej g\u0142os zabra\u0142y nawet takie tuzy jak Evan You (tw\u00f3rca Vue), czy Sebastian McKenzie (tw\u00f3rca Rome). Z jednej strony jasnym jest, \u017ce zbieranie funduszy, pisanie notatek o nowych funkcjonalno\u015bciach i og\u00f3lnie poj\u0119ta promocja to r\u00f3wnie\u017c praca, za kt\u00f3r\u0105 nale\u017cy si\u0119 wynagrodzenie, a z drugiej stawiane jest pytanie o granic\u0119 mi\u0119dzy dostarczaniem nowych funkcjonalno\u015bci, a czasem po\u015bwi\u0119conym na zbieraniem funduszy. W ko\u0144cu sponsorzy nie p\u0142ac\u0105 za promowanie narz\u0119dzia, ale za jego utrzymanie i rozw\u00f3j. Atmosfer\u0119 podgrzewa\u0142 jeszcze dysonans mi\u0119dzy zarobkami Hernego (g\u0142\u00f3wnego maintenera Babela) i \u00a0pozosta\u0142ych deweloper\u00f3w (10000$ vs 2000$). Co prawda, wraz z publikacj\u0105 wspomnianej wy\u017cej notatki, og\u0142oszono r\u00f3wnie\u017c wyr\u00f3wnanie zarobk\u00f3w wszystkich os\u00f3b zaanga\u017cowanych w projekt i od teraz ca\u0142a tr\u00f3jka zarabia\u0107 b\u0119dzie po 6000 dolar\u00f3w, ale wiele os\u00f3b zarzuca, \u017ce to w\u0142a\u015bnie niesprawiedliwy podzia\u0142 bud\u017cetu doprowadzi\u0142 do obecnej sytuacji. Niekt\u00f3rzy zarzucaj\u0105 nawet, \u017ce obecne stawki s\u0105 zdecydowanie wyg\u00f3rowane. W tej dyskusji warto jednak pami\u0119ta\u0107, \u017ce od wspomnianych kwot nale\u017cy odprowadzi\u0107 jeszcze podatek, wi\u0119c nie jest to kwota, kt\u00f3ra l\u0105duje na koncie deweloper\u00f3w.<\/p><figure class=\"kg-card kg-image-card\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a61632d4.jpg\" class=\"kg-image\" alt loading=\"lazy\"><\/figure><h3 id=\"%C5%BCr%C3%B3d%C5%82a\">\u017br\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/babeljs.io\/blog\/2021\/05\/10\/funding-update.html\">https:\/\/babeljs.io\/blog\/2021\/05\/10\/funding-update.html<\/a><br \/><a href=\"https:\/\/news.ycombinator.com\/item?id=27116357\">https:\/\/news.ycombinator.com\/item?id=27116357<\/a><\/p><h1 id=\"2-google-docs-zostanie-przepisane-na-canvas\">2. Google Docs zostanie przepisane na Canvas<\/h1><p>Zastanawiam si\u0119, czy jestem jedyn\u0105 osob\u0105, kt\u00f3ra w og\u0142oszeniu o planowanej migracji Google Docs na Canvas, jest bardziej zaskoczona faktem, \u017ce obecne wersja dzia\u0142a w oparciu o czysty HTML, ni\u017c sam\u0105 decyzj\u0105 Google'a. Wsp\u00f3\u0142czesne narz\u0119dzia takie jak Miro czy Figma pokazuj\u0105, \u017ce Canvas mo\u017ce sprawdzi\u0107 si\u0119 w powa\u017cnym projekcie, a im d\u0142u\u017cej si\u0119 nad tym zastanawiam tym bardziej utrwalam si\u0119 w przekonaniu, \u017ce za\u0142o\u017cenia statycznego HTML\u2019a bardzo r\u00f3\u017cni\u0105 si\u0119 od za\u0142o\u017ce\u0144 dokument\u00f3w tekstowych. Tym wi\u0119kszym osi\u0105gni\u0119ciem w moich oczach jest obecna forma Google Docs i dok\u0142adno\u015b\u0107, z jak\u0105 przenosz\u0105 skomplikowane uk\u0142ady stron mi\u0119dzy r\u00f3\u017cnymi przegl\u0105darkami i urz\u0105dzeniami.<\/p><p>Jaki wp\u0142yw ta zmiana b\u0119dzie mie\u0107 na przeci\u0119tnego u\u017cytkownika? Przede wszystkim wiele rozszerze\u0144 bazowa\u0142o na HTML\u2019um, wi\u0119c wraz z oficjaln\u0105 publikacj\u0105 wersji opartej na Canvasie mo\u017cemy spodziewa\u0107 si\u0119, \u017ce wi\u0119kszo\u015b\u0107 z nich przestanie dzia\u0142a\u0107. Je\u015bli sami utrzymujecie takie rozszerzenie, albo jeste\u015bcie po prostu ciekawi, jak b\u0119dzie dzia\u0142a\u0107 nowa wersja, to Google udost\u0119pnia przyk\u0142adowy dokument <a href=\"https:\/\/docs.google.com\/document\/d\/1N1XaAI4ZlCUHNWJBXJUBFjxSTlsD5XctCz6LB3Calcg\/edit#\">tutaj<\/a>.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a62d576a.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>U\u017cytkownicy wi\u0119kszo\u015bci rozszerze\u0144 Google Docs w dniu uruchomienia wersji opartej o Canvas<\/figcaption><\/figure><h3 id=\"%C5%BAr%C3%B3d%C5%82a\">\u0179r\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/workspaceupdates.googleblog.com\/2021\/05\/Google-Docs-Canvas-Based-Rendering-Update.html\">https:\/\/workspaceupdates.googleblog.com\/2021\/05\/Google-Docs-Canvas-Based-Rendering-Update.html<\/a><br \/><a href=\"https:\/\/news.ycombinator.com\/item?id=27129858\">https:\/\/news.ycombinator.com\/item?id=27129858<\/a><\/p><h1 id=\"3-bootstrap-5\">3. Bootstrap 5<\/h1><p>Jeszcze kilka lat temu Bootstrap by\u0142 kr\u00f3lem w\u015br\u00f3d CSS-owych framework\u00f3w. Ostatnimi czasy sporo si\u0119 zmieni\u0142o i jego miejsce na piedestale zaj\u0105\u0142 Tailwind. O upadku starego kr\u00f3la chyba najlepiej \u015bwiadczy fakt, \u017ce pierwsze du\u017ce wydanie od lat obesz\u0142o si\u0119 w bran\u017cowym \u015brodowisku bez wi\u0119kszego pog\u0142osu, podczas gdy najmniejsze nowo\u015bci dotycz\u0105ce tego drugiego s\u0105 szeroko dyskutowane i komentowane. Je\u015bli darzycie sentymentem Bootstrapa, ale nie macie czasu przebi\u0107 si\u0119 przez d\u0142ugi i nudny release notes, to poni\u017cej znajdziecie kr\u00f3tk\u0105 \u015bci\u0105g\u0119 zmian, kt\u00f3re wyda\u0142y mi si\u0119 interesuj\u0105ce:<\/p><ul><li>Zmieniono logo (skoro autorzy uznali to za najwa\u017cniejsz\u0105 informacj\u0119 release notesa, to kim\u017ce jestem, \u017ceby to zmienia\u0107)<\/li><li>Poprawiono i rozszerzono dokumentacj\u0119 (m.in. pojawi\u0142a si\u0119 nowa sekcja dotycz\u0105ca formularz i personalizacji)<\/li><li>Pojawi\u0142o si\u0119 kilka nowych komponent\u00f3w i utilities (m.in. offcanvas, accordion, floating-labels, file-input)<\/li><li>dodano wsparcie dla j\u0119zyk\u00f3w czytanych od prawej do lewej<\/li><li>Po raz kolejny zerujemy licznik od ostatniego og\u0142oszenia porzucenia wsparcia dla IE 11<\/li><li>Bootstrap nie b\u0119dzie posiada\u0142 ju\u017c dependencji na jQuery <\/li><\/ul><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a6460cd3.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Koronacja Tailwinda na kr\u00f3la frontendowych framework\u00f3w, koloryzowane<\/figcaption><\/figure><h3 id=\"%C5%BAr%C3%B3d%C5%82a-1\">\u0179r\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/blog.getbootstrap.com\/2021\/05\/05\/bootstrap-5\/\">https:\/\/blog.getbootstrap.com\/2021\/05\/05\/bootstrap-5\/<\/a><\/p><h1 id=\"4-angular-12\">4. Angular 12<\/h1><p>Pojawienie si\u0119 nowego Angulara w tym tygodniu by\u0142o takim samym zaskoczeniem, jak kolejne mistrzostwo Niemiec dla Bayernu Monachium czy kolejne zwyci\u0119stwo Hamiltona w F1. Je\u015bli zag\u0142\u0119bi\u0107 si\u0119 w nowe funkcjonalno\u015bci, to tu te\u017c nie znajdziemy nic niezaskakuj\u0105cego, bo wszystkie zmiany by\u0142y ju\u017c komunikowane w oficjalnych kana\u0142ach. Mamy wi\u0119c oficjaln\u0105 deprekacj\u0119 View Engine, usuni\u0119cie Protraktora z nowo generowanych projekt\u00f3w, wsparcie dla Nullish Coalescing w html\nowych templatach, Webpack 5, TypeScript 4.2, lepsze wsparcie dla Tailwinda i inline SASS i w ko\u0144cu deprekacj\u0119 wsparcia dla IE 11. Szczerze m\u00f3wi\u0105c liczy\u0142em na jakie\u015b mi\u0142e zaskoczenie w ostatnim momencie, bo w ostatecznym rozrachunku Angular 12 jest troch\u0119\u2026 nudny? <br \/><\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0a65ac7c5.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Przeci\u0119tny u\u017cytkownik Vived, kt\u00f3ry regularnie przegl\u0105da Keep Up, w momencie pojawienia si\u0119 Angulara 12<\/figcaption><\/figure><h3 id=\"%C5%BAr%C3%B3d%C5%82a-2\">\u0179r\u00f3d\u0142a:<\/h3><p><a href=\"https:\/\/blog.angular.io\/angular-v12-is-now-available-32ed51fbfd49\">https:\/\/blog.angular.io\/angular-v12-is-now-available-32ed51fbfd49<\/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:\/\/bit.ly\/3m421dx\" rel=\"nofollow noopener\">Play Store<\/a> <\/li><li><a href=\"https:\/\/apple.co\/3fB8Kcf\" rel=\"nofollow noopener\">App Store<\/a> <\/li><li><a href=\"http:\/\/bit.ly\/2M7CeUN\">Wersja PWA<\/a> <\/li><\/ul>"]}],"_links":{"self":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10138","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=10138"}],"version-history":[{"count":1,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10138\/revisions"}],"predecessor-version":[{"id":10640,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10138\/revisions\/10640"}],"wp:attachment":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/media?parent=10138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/categories?post=10138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/tags?post=10138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}