{"id":11744,"date":"2022-11-04T13:54:34","date_gmt":"2022-11-04T12:54:34","guid":{"rendered":"https:\/\/vived.io\/?p=11744"},"modified":"2022-11-04T13:57:26","modified_gmt":"2022-11-04T12:57:26","slug":"krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111","status":"publish","type":"post","link":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/","title":{"rendered":"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111"},"content":{"rendered":"\n

1. Remix kupiony przez Shopify \ud83d\udecd<\/h2>\n\n\n\n

Powiedzie\u0107, \u017ce w ostatnich tygodniach w kategorii Server Side Renderingu dzia\u0142o si\u0119 du\u017co, to tak jak nic nie powiedzie\u0107. Niespe\u0142na dwa tygodnie temu zesp\u00f3\u0142 Reacta opublikowa\u0142 RFC<\/a> (Request For Comments) dotycz\u0105ce wykorzystania async\/await serwerowych komponentach. Tydzie\u0144 temu opublikowany zosta\u0142 Next 13<\/a>, kt\u00f3ry wprowadza zupe\u0142nie nowy system routingu oraz dodaje wsparcie dla wspomnianych serwerowych komponent\u00f3w. W tym tygodniu skolei wszystkie dyskusje zdominowa\u0142o przej\u0119cie Remix\u2019a (najwi\u0119kszego konkurenta Next.js) przez Shopify. Co to oznacza dla deweloper\u00f3w? Co stanie si\u0119 z rozwijanym przez Shopify do tej pory frameworkiem Hydrogen? Czy Next.js ma si\u0119 czego obawia\u0107?  Temu wszystkiemu przyjrzymy si\u0119 w dzisiejszej edycji naszego przegl\u0105du.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

\u017beby dobrze zrozumie\u0107 przej\u0119cie Remix przez Shopify musimy cofn\u0105\u0107 si\u0119 troch\u0119 w czasie. Jest rok 2015 i Michael Jackson oraz Ryan Florence wsp\u00f3lnie tworz\u0105 bibliotek\u0119 React Router. Szybko staje si\u0119 ona w\u0142a\u015bciwie domy\u015bln\u0105 bibliotek\u0105 do obs\u0142ugi nawigacji w frameworku<\/s> bibliotece od Facebooka. Na przestrzeni lat React Router niejednokrotnie wprowadza breaking changes, kt\u00f3re doprowadzaj\u0105 deweloper\u00f3w do szewskiej pasji. Mimo to, na rynku nie powstaje realna alternatywa i do dzisiaj React Router wykorzystywany jest w\u0142a\u015bciwie we wszystkich znanych mi projektach. Potwierdzaj\u0105 to r\u00f3wnie\u017c statystyki, bo React Router jest pobierany z Reactem w 7\/10 przypadk\u00f3w. <\/p>\n\n\n\n

Znajomo\u015b\u0107 mi\u0119dzy Michaelem Jacksonem oraz Ryanem Florence nawi\u0105zana przy okazji pracy nad React Router w kolejnych latach procentuje. Obaj panowie wsp\u00f3lnie pracuj\u0105 nad licznymi projektami typu Open Source i dogaduj\u0105 si\u0119 na tyle dobrze, \u017ce w 2020 roku postanawiaj\u0105 wsp\u00f3lnie rozkr\u0119ci\u0107 firm\u0119: Remix. Oferowanym przez firm\u0119 produktem ma by\u0107 fullstackowy framework.<\/p>\n\n\n

\n
\"\"
Michael Jacksonem oraz Ryan Florence pracuj\u0105cy nad pierwsz\u0105 wersj\u0105 Remix – 2020 koloryzowane<\/figcaption><\/figure>\n<\/div>\n\n\n

Kontrowersje budzi jedynie spos\u00f3b sprzeda\u017cy – droga licencja uzale\u017cniona od liczny deweloper\u00f3w rozwijaj\u0105cych produkt. No c\u00f3\u017c, jako programistyczna spo\u0142eczno\u015b\u0107 przyzwyczaili\u015bmy si\u0119 ju\u017c, \u017ce za darmo to w\u0142a\u015bciwa cena. Na szcz\u0119\u015bcie ta strategia biznesowa nigdy nie wchodzi w \u017cycie. W 2021 projekt zyskuje finansowanie z OSS Capital w wysoko\u015bci 3 milion\u00f3w dolar\u00f3w i Remix decyduje si\u0119 przej\u015b\u0107 na model Open Source.<\/p>\n\n\n\n

Nied\u0142ugo po otrzymaniu przez firm\u0119 zastrzyku got\u00f3wki \u015bwiat\u0142o dzienne ujrza\u0142 zar\u00f3wno Remix v1 jak i b\u0119d\u0105cy jego fundamentem w postaci React Router v6 (a jak\u017ceby inaczej – zawieraj\u0105cy ca\u0142\u0105 mas\u0119 breaking changes). Remix ju\u017c na starcie oferuje routing oparty o struktur\u0119 katalog\u00f3w, zagnie\u017cd\u017cone layouty czy mo\u017cliwo\u015b\u0107 wczytywania danych do komponentu wraz z obs\u0142ug\u0105 \u0142adowania oraz b\u0142\u0119d\u00f3w. Innowacyjne wygl\u0105da te\u017c podej\u015bcie do obs\u0142ugi formularzy, kt\u00f3re wykorzystuje natywne mechanizmy HTML i obs\u0142ugiwane jest w pe\u0142ni po stronie serwera.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Zacz\u0119li\u015bmy niebezpiecznie zbli\u017ca\u0107 si\u0119 do roku 2022, dlatego zmie\u0144my teraz w\u0105tek i cofnijmy si\u0119 na chwile do roku 2004. Na pu\u0142kach sklepowych wyl\u0105dowa\u0142 w\u0142a\u015bnie nowy Nintendo DS, a w telewizji wyemitowany zosta\u0142 pierwszy odcinek serialu Lost, a grupa znajomych z Kanady postanawia za\u0142o\u017cy\u0107 sw\u00f3j sklep internetowy, w kt\u00f3rym sprzedawa\u0107 b\u0119d\u0105 Snowboardy. Na rynku nie znajduj\u0105 oni jednak Software’u, kt\u00f3ry odpowiada\u0142by ich wymaganiom. Jak przysta\u0142o na prawdziwych in\u017cynier\u00f3w, postanawiaj\u0105 wi\u0119c stworzy\u0107 go samodzielnie od podstaw.<\/p>\n\n\n

\n
\"\"
Nostalgiczna podr\u00f3\u017c do 2004 roku nabawi\u0142a mnie niesamowitej ch\u0119ci do powrotu do gier z tego okresu\u2026<\/figcaption><\/figure>\n<\/div>\n\n\n

Sklep z deskami snowboardowymi szybko przeradza si\u0119 w technologiczny startup i w 2006 roku powstaje firma Shopify. Za cel przyjmuje sobie uproszczenie zak\u0142adania i prowadzenia sklep\u00f3w internetowych tak bardzo, jak to tylko mo\u017cliwe. Powstaj\u0105 zar\u00f3wno szablony gotowych sklep\u00f3w, jak i API umo\u017cliwiaj\u0105ce szybkie stworzenie dopasowanego do swoich potrzeb rozwi\u0105zania. Startup ro\u015bnie jak na dro\u017cd\u017cach. W 2014 roku obs\u0142uguje ju\u017c 120 tysi\u0119cy sprzedawc\u00f3w i przynosi przych\u00f3d w wysoko\u015bci 105 milion\u00f3w dolar\u00f3w. W 2015 roku firma z powodzeniem wchodzi na nowojorsk\u0105 gie\u0142d\u0119. <\/p>\n\n\n

\n
\"\"
Rozmawiaj\u0105c o finansach Shopify, nie spos\u00f3b nie wspomnie\u0107 o spadku warto\u015bci akcji o ponad 70% na przestrzeni ostatniego roku. Nie doszukiwa\u0142bym si\u0119 tutaj jednak k\u0142opot\u00f3w samej firmy, a ca\u0142ego naszego sektora. Podobne spadki zaobserwowa\u0107 mo\u017cna chocia\u017cby u Mety.<\/figcaption><\/figure>\n<\/div>\n\n\n

W 2021 roku Shopify pokazuje \u015bwiatu sw\u00f3j nowy framework oparty o Reacta – Hydrogen<\/a>. Jego celem jest umo\u017cliwienie deweloperom szybkiego budowania frontendu dla sklep\u00f3w internetowych z wykorzystaniem wsp\u00f3\u0142czesnych technologii. Nowem frameworkowi nie brakuje odwagi. Od dnia zero stawia na React Server Components, kt\u00f3re w tamtym momencie nadal s\u0105 w fazie wczesnej alphy. Do budowania wykorzystuje \u015bwie\u017co zaprezentowany i nie przetestowany jeszcze w boju Vite. Aby ostatecznie podgrza\u0107 atmosfer\u0119, Hydrogen do stylowania zaleca mocno zopiniowanego Tailwinda.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

W tym miejscu obie historie spotykaj\u0105 si\u0119. Jest rok 2021 pierwszy, Gatsby ju\u017c dawno przekaza\u0142 koron\u0119 Server Side Renderingu Next.js. Ten zreszt\u0105 wydaje si\u0119 nietykalny – z finansowaniem na poziomie 300 milion\u00f3w dolar\u00f3w niewiele jest projekt\u00f3w gotowych rzuci\u0107 mu r\u0119kawic\u0119. Daleko na horyzoncie majaczy stawiaj\u0105cy pierwsze kroki Remix, a gdzie\u015b z boku ca\u0142ej sytuacji Shopify pracuje nad swoim w\u0142asnym innowacyjnym rozwi\u0105zaniem w postaci Hydrogen (p\u00f3ki co dedykowanemu sklepom internetowym, ale kto wie – mo\u017ce w przysz\u0142o\u015bci doczeka si\u0119 te\u017c bardziej og\u00f3lnej wersji).<\/p>\n\n\n\n

Prze\u0142om roku 2021 i 2022 to prawdziwa gor\u0105czko je\u015bli chodzi o renderowanie po stronie serwera. Na scenie pojawiaj\u0105 si\u0119 te\u017c coraz to nowe podej\u015bcia do tematu. Nadmieni\u0107 nale\u017cy chocia\u017cby Astro z Dynamic Islands<\/a> czy Qwik i Resumable Execution<\/a>. React Server Components doczekuj\u0105 si\u0119 wreszcie etapu bety. Zesp\u00f3\u0142 odpowiedzialny za Next.js pracuje nad nowym modelem routingu<\/a> (niekt\u00f3rzy powiedz\u0105, \u017ce mocno inspirowanym Remixem).<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

W \u015brodku tego zamieszania, niespe\u0142na tydzie\u0144 po premierze Next.js 13<\/a> i dzie\u0144 przed Halloween, internet obiega informacja, \u017ce Shopify zdecydowa\u0142 si\u0119 na przej\u0119cie Remixa. Niestety kwota zakupu nie jest publicznie znana. W g\u0142owach ca\u0142ej spo\u0142eczno\u015bci rodzi si\u0119 pytanie – Czy to koniec Hydrogen? Czy Remix b\u0119dzie od teraz skupia\u0142 si\u0119 tylko na obs\u0142udze sklep\u00f3w internetowych? Czy Shopify planuje rozwija\u0107 obydwa frameworki?<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Odpowiadaj\u0105c najkr\u00f3cej jak si\u0119 da na przedstawione pytania. Zar\u00f3wno Hydrogen jak i Remix nadal b\u0119d\u0105 rozwijane i \u017caden z nich nie zmienia swojego przeznaczenia. Shopify zamierza jednak wykorzysta\u0107 synergi\u0119 mi\u0119dzy projektami i oprze\u0107 Hydrogen o Remix. Oznacza to, \u017ce Remix b\u0119dzie frameworkiem og\u00f3lnego zastosowania, natomiast Hydrogen b\u0119dzie jego wyspecjalizowan\u0105 wersj\u0105 stworzon\u0105 do budowania sklep\u00f3w internetowych.<\/p>\n\n\n\n

Pewnym efektem ubocznym migracji Hydrogen do Remix jest ca\u0142kowite odej\u015bcie od React Server Components. Na przestrzeni ostatniego roku to w\u0142a\u015bnie Shopify by\u0142 jednym z najaktywniejszych uczestnik\u00f3w dyskusji dotycz\u0105cych tej technologii. To dzi\u0119ki ich sugestiom zmieniono mi\u0119dzy innymi konwencj\u0119 nazewnicz\u0105 serwerowych komponent\u00f3w. Teraz zar\u00f3wno zesp\u00f3\u0142 Hydrogen jak i Remix m\u00f3wi jednym g\u0142osem – React Server Components nie s\u0105 jeszcze gotow\u0105 technologi\u0105, a oba projekty wr\u00f3c\u0105 do tematu kiedy b\u0119dzie on odpowiednio dojrza\u0142y. Rzuca to troch\u0119 inne \u015bwiat\u0142o na zesz\u0142otygodniowy optymizm wobec Next.js wdra\u017caj\u0105cego React Server Components.<\/p>\n\n\n

\n
\"\"
Zesp\u00f3\u0142 Reacta, dowiaduj\u0105cy si\u0119, \u017ce Hydrogen nie b\u0119dzie ju\u017c pomaga\u0142 w rozwoju React Server Components.<\/figcaption><\/figure>\n<\/div>\n\n\n

Jaka przysz\u0142o\u015b\u0107 czeka Remix? Jak przyznaje sam Ryan Florence, wreszcie b\u0119dzie m\u00f3g\u0142 skupi\u0107 si\u0119 na budowaniu najlepszego narz\u0119dzia, zamiast po\u015bwi\u0119ca\u0107 czas wymy\u015blaniu modelu biznesowego i pozyskiwaniu funduszy. Po tej wypowiedzi mo\u017cemy mie\u0107 nadziej\u0119, \u017ce dobrze dofinansowany i nieobci\u0105\u017cony rozwojem np. infrastruktury serwerowej (jak Deno czy Next.js) b\u0119dzie rozwija\u0142 si\u0119 szybko i dynamicznie.<\/p>\n\n\n\n

Czy Next.js ma si\u0119 czego obawia\u0107? Na pewno pod wzgl\u0119dem adopcji przepa\u015b\u0107 mi\u0119dzy Remix i Next.js szybko nie zostanie zasypana. Pojawienie si\u0119 du\u017cej i rozpoznawalnej firmy za Remixem stawia go w bardzo dobrej sytuacji. Po pierwsze znika strach spo\u0142eczno\u015bci przed nag\u0142ym porzuceniem rozwi\u0105zania i przys\u0142owiowym pozostaniem na lodzie. Po drugie przej\u0119cie przez Shopify to te\u017c wymiana wiedzy i do\u015bwiadcze\u0144, kt\u00f3ra na pewno wyjdzie wszystkim na dobre. Po trzecie silna integracja z Hyddrogen oznacza, \u017ce Remix kierowany b\u0119dzie potrzebami u\u017cytkownik\u00f3w, kt\u00f3re weryfikowane b\u0119d\u0105 w szybkiej p\u0119tli zwrotnej. Reasumuj\u0105c, Next.js szybko nie straci swojej uprzywilejowanej pozycji, ale Remix mocno ugruntowa\u0142 si\u0119 na pozycji \u201ctego drugiego\u201d rozwi\u0105zania do Server Side Renderingu. Jak to jednak bywa w przypadku \u201cgor\u0105czki z\u0142ota\u201d, sytuacja jest dynamiczna i nigdy nie wiadomo kto pierwszy trafi na najwi\u0119ksz\u0105 \u017cy\u0142\u0119 z\u0142ota.<\/p>\n\n\n

\n
\"\"
Pozostaje tylko pytanie – czym s\u0105 \u0142opaty w przypadku Server Side Renderingu? <\/figcaption><\/figure>\n<\/div>\n\n\n

\u0179r\u00f3d\u0142a<\/h3>\n\n\n\n

https:\/\/remix.run\/blog\/remixing-shopify<\/a>
https:\/\/shopify.engineering\/remix-joins-shopify<\/a>
https:\/\/techcrunch.com\/2022\/10\/31\/shopify-acquires-remix-to-bolster-its-storefront-design-tools<\/a>
https:\/\/twitter.com\/jplhomer\/status\/1587095536833859584<\/a>
https:\/\/twitter.com\/ryanflorence\/status\/1587171069915385856<\/a>
https:\/\/twitter.com\/ryanflorence\/status\/1587090973594558464<\/a>
https:\/\/www.crunchbase.com\/organization\/shopify\/company_financials<\/a>
https:\/\/docs.astro.build\/en\/getting-started\/<\/a>
https:\/\/qwik.builder.io\/docs\/getting-started\/<\/a>
https:\/\/en.wikipedia.org\/wiki\/Shopify<\/a>
https:\/\/hydrogen.shopify.dev\/roadmap\/<\/a>
https:\/\/remix.run\/blog\/seed-funding-for-remix<\/a>
https:\/\/shopify.engineering\/how-we-built-hydrogen<\/a><\/p>\n\n\n\n

2. Czy React zamierza modyfikowa\u0107 metod\u0119 fetch() ? <\/h2>\n\n\n\n

Dwa tygodnie temu g\u0142ownym tematem naszego przegl\u0105du by\u0142o RFC do Reacta dotycz\u0105ce natywnego wsparcia dla Promis\u00f3w i async\/await. Jednym z temat\u00f3w, kt\u00f3ry przewin\u0105\u0142 si\u0119 w tle ca\u0142ej dyskusji, by\u0142o lepsze wsparcie dla cache. Temat wr\u00f3ci\u0142 na tapet szybciej ni\u017c si\u0119 spodziewali\u015bmy, bo eksperymentalna implementacja powstaj\u0105ca na cele kolejnego RFC zawiera\u0142a monkeypatching metody fetch. Spo\u0142eczno\u015b\u0107 zachowa\u0142a czujno\u015b\u0107 i wy\u0142apa\u0142a odpowiedni PR w repozytorium, a w sieci zawrza\u0142o. <\/p>\n\n\n\n

Monkeypatching to technika polegaj\u0105ca na modyfikacji zachowania globalnych klas czy funkcji. Chyba najlepszym przyk\u0142adem monkeypatching jest zone.js wykorzystywany przez Angulara w celu wykrywaniu zmian. Biblioteka ta modyfikuje wi\u0119kszo\u015b\u0107 publicznych API przegl\u0105darki, tak aby umo\u017cliwi\u0107 reagowanie na odpowiednie zdarzenia. Dlaczego monkeypatching w Reactie wywo\u0142a\u0142 takie poruszenie, skoro technika ta jest tak powszechna u konkurencji?<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Najwi\u0119kszym argumentem przeciw monkeypatching s\u0105 problemy z kompatybilno\u015bci\u0105 z zewn\u0119trznymi bibliotekami. Co w sytuacji, kiedy dana biblioteka bazowa\u0142a na zachowaniu, kt\u00f3re zosta\u0142o zmodyfikowane? Co je\u015bli dwie biblioteki b\u0119d\u0105 pr\u00f3bowa\u0142y modyfikowa\u0107 t\u0105 sam\u0105 metod\u0119? Co je\u015bli w przysz\u0142o\u015bci przegl\u0105darki rozszerz\u0105 standard i zepsuje to stare wersje React? W ko\u0144cu, czy b\u0119dzie to tylko pojedyncze odst\u0119pstwo od regu\u0142y, czy te\u017c otwarcie ca\u0142ej puszki pandory.<\/p>\n\n\n\n

Zesp\u00f3\u0142 Reacta podsumowa\u0142 spraw\u0119 kr\u00f3tko i bardzo konkretnie: czekajcie na RFC. Niezale\u017cnie od tego czy monkeypatching si\u0119 Wam podoba czy nie, poczekajmy z ostateczn\u0105 opini\u0105 na uzasadnienie od g\u0142\u00f3wnego interesariusza w postaci Reacta.<\/p>\n\n\n

\n
\"\"
Ja osobi\u015bcie te\u017c jestem raczej przeciwnikiem monkey-patchingu, ale mam szczer\u0105 nadziej\u0119 \u017ce tak b\u0119dzie wygl\u0105da\u0107 moja reakcja po opublikowaniu RFC.<\/figcaption><\/figure>\n<\/div>\n\n\n

\u0179r\u00f3d\u0142a<\/h3>\n\n\n\n

https:\/\/github.com\/facebook\/react\/issues\/25573<\/a>
https:\/\/github.com\/facebook\/react\/blob\/main\/packages\/react\/src\/ReactFetch.js#L128-L134<\/a>
https:\/\/www.reddit.com\/r\/javascript\/comments\/yex2oj\/so_apparently_theres_now_code_in_react_to\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Shopify przejmuje Remix! Co to oznacza dla Remix? Co b\u0119dzie z Hydrogen, czyli frameworkiem do SSR utrzymywanym przez Shopify? Czy Next.js ma si\u0119 czego ba\u0107?<\/p>\n","protected":false},"author":12,"featured_media":11772,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[22,273],"tags":[94,144],"class_list":["post-11744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend","category-frontend-pl","tag-react","tag-remix"],"acf":{"feature_image_visible":false,"weekly_summary":true,"push_notification_image":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Frontend-Weekly-1200x628_V2.png","feature_image_blog":{"ID":11775,"id":11775,"title":"pexels-tuur-tisseghem-626986-min","filename":"pexels-tuur-tisseghem-626986-min-scaled.jpg","filesize":705602,"url":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-scaled.jpg","link":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/pexels-tuur-tisseghem-626986-min-2\/","alt":"","author":"12","description":"","caption":"","name":"pexels-tuur-tisseghem-626986-min-2","status":"inherit","uploaded_to":11744,"date":"2022-11-04 10:01:07","modified":"2022-11-04 12:54:37","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/vived.io\/wp-includes\/images\/media\/default.png","width":2560,"height":1915,"sizes":{"thumbnail":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-150x150.jpg","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-300x224.jpg","medium-width":300,"medium-height":224,"medium_large":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-768x575.jpg","medium_large-width":768,"medium_large-height":575,"large":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-1024x766.jpg","large-width":1024,"large-height":766,"1536x1536":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-1536x1149.jpg","1536x1536-width":1536,"1536x1536-height":1149,"2048x2048":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-2048x1532.jpg","2048x2048-width":2048,"2048x2048-height":1532,"gform-image-choice-sm":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-scaled.jpg","gform-image-choice-sm-width":300,"gform-image-choice-sm-height":224,"gform-image-choice-md":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-scaled.jpg","gform-image-choice-md-width":400,"gform-image-choice-md-height":299,"gform-image-choice-lg":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/pexels-tuur-tisseghem-626986-min-scaled.jpg","gform-image-choice-lg-width":600,"gform-image-choice-lg-height":449}},"estimated_reading_time":"9"},"yoast_head":"\nKr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111 - 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\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111 - Vived\" \/>\n<meta property=\"og:description\" content=\"Shopify przejmuje Remix! Co to oznacza dla Remix? Co b\u0119dzie z Hydrogen, czyli frameworkiem do SSR utrzymywanym przez Shopify? Czy Next.js ma si\u0119 czego ba\u0107?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/\" \/>\n<meta property=\"og:site_name\" content=\"Vived\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-04T12:54:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-04T12:57:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Frontend-Weekly-1200x628_V2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/\"},\"author\":{\"name\":\"Tomasz Borowicz\",\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#\\\/schema\\\/person\\\/9d2a72fe7d0dfbb4092675afbab742bb\"},\"headline\":\"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111\",\"datePublished\":\"2022-11-04T12:54:34+00:00\",\"dateModified\":\"2022-11-04T12:57:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/\"},\"wordCount\":1853,\"publisher\":{\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vived.io\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Frontend-Weekly-1200x628_V2.png\",\"keywords\":[\"react\",\"Remix\"],\"articleSection\":[\"Frontend\",\"Frontend\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/\",\"url\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/\",\"name\":\"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111 - Vived\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vived.io\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Frontend-Weekly-1200x628_V2.png\",\"datePublished\":\"2022-11-04T12:54:34+00:00\",\"dateModified\":\"2022-11-04T12:57:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vived.io\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Frontend-Weekly-1200x628_V2.png\",\"contentUrl\":\"https:\\\/\\\/vived.io\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Frontend-Weekly-1200x628_V2.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vived.io\\\/pl\\\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/vived.io\\\/pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#website\",\"url\":\"https:\\\/\\\/3.68.244.71\\\/\",\"name\":\"Vived\",\"description\":\"platform empowering IT people and technology companies to synergic growth\",\"publisher\":{\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/3.68.244.71\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#organization\",\"name\":\"Vived\",\"url\":\"https:\\\/\\\/3.68.244.71\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#\\\/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:\\\/\\\/3.68.244.71\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/3.68.244.71\\\/#\\\/schema\\\/person\\\/9d2a72fe7d0dfbb4092675afbab742bb\",\"name\":\"Tomasz Borowicz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g\",\"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":"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111 - 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\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/","og_locale":"pl_PL","og_type":"article","og_title":"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111 - Vived","og_description":"Shopify przejmuje Remix! Co to oznacza dla Remix? Co b\u0119dzie z Hydrogen, czyli frameworkiem do SSR utrzymywanym przez Shopify? Czy Next.js ma si\u0119 czego ba\u0107?","og_url":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/","og_site_name":"Vived","article_published_time":"2022-11-04T12:54:34+00:00","article_modified_time":"2022-11-04T12:57:26+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Frontend-Weekly-1200x628_V2.png","type":"image\/png"}],"author":"Tomasz Borowicz","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/#article","isPartOf":{"@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/"},"author":{"name":"Tomasz Borowicz","@id":"https:\/\/3.68.244.71\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb"},"headline":"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111","datePublished":"2022-11-04T12:54:34+00:00","dateModified":"2022-11-04T12:57:26+00:00","mainEntityOfPage":{"@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/"},"wordCount":1853,"publisher":{"@id":"https:\/\/3.68.244.71\/#organization"},"image":{"@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Frontend-Weekly-1200x628_V2.png","keywords":["react","Remix"],"articleSection":["Frontend","Frontend"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/","url":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/","name":"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111 - Vived","isPartOf":{"@id":"https:\/\/3.68.244.71\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/#primaryimage"},"image":{"@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Frontend-Weekly-1200x628_V2.png","datePublished":"2022-11-04T12:54:34+00:00","dateModified":"2022-11-04T12:57:26+00:00","breadcrumb":{"@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/#primaryimage","url":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Frontend-Weekly-1200x628_V2.png","contentUrl":"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Frontend-Weekly-1200x628_V2.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/vived.io\/pl\/krotka-historia-romansu-hydrogen-i-remix-frontend-weekly-vol-111\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/vived.io\/pl\/"},{"@type":"ListItem","position":2,"name":"Kr\u00f3tka historia romansu Hydrogen i Remix | Frontend Weekly vol. 111"}]},{"@type":"WebSite","@id":"https:\/\/3.68.244.71\/#website","url":"https:\/\/3.68.244.71\/","name":"Vived","description":"platform empowering IT people and technology companies to synergic growth","publisher":{"@id":"https:\/\/3.68.244.71\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/3.68.244.71\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/3.68.244.71\/#organization","name":"Vived","url":"https:\/\/3.68.244.71\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/3.68.244.71\/#\/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:\/\/3.68.244.71\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/3.68.244.71\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb","name":"Tomasz Borowicz","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g","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":"core\/heading","attrs":[],"innerBlocks":[],"innerHTML":"\n<h2>1. Remix kupiony przez Shopify \ud83d\udecd<\/h2>\n","innerContent":["\n<h2>1. Remix kupiony przez Shopify \ud83d\udecd<\/h2>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Powiedzie\u0107, \u017ce w ostatnich tygodniach w kategorii Server Side Renderingu dzia\u0142o si\u0119 du\u017co, to tak jak nic nie powiedzie\u0107. Niespe\u0142na dwa tygodnie temu zesp\u00f3\u0142 Reacta <a href=\"https:\/\/vived.io\/new-hook-is-coming-to-react-frontend-weekly-vol-109\/\" target=\"_blank\" rel=\"noreferrer noopener\">opublikowa\u0142 RFC<\/a> (Request For Comments) dotycz\u0105ce wykorzystania async\/await serwerowych komponentach. Tydzie\u0144 temu <a href=\"https:\/\/vived.io\/the-future-is-now-next-js-13-frontend-weekly-vol-110\/\" target=\"_blank\" rel=\"noreferrer noopener\">opublikowany zosta\u0142 Next 13<\/a>, kt\u00f3ry wprowadza zupe\u0142nie nowy system routingu oraz dodaje wsparcie dla wspomnianych serwerowych komponent\u00f3w. W tym tygodniu skolei wszystkie dyskusje zdominowa\u0142o przej\u0119cie Remix\u2019a (najwi\u0119kszego konkurenta Next.js) przez Shopify. Co to oznacza dla deweloper\u00f3w? Co stanie si\u0119 z rozwijanym przez Shopify do tej pory frameworkiem Hydrogen? Czy Next.js ma si\u0119 czego obawia\u0107?  Temu wszystkiemu przyjrzymy si\u0119 w dzisiejszej edycji naszego przegl\u0105du.<\/p>\n","innerContent":["\n<p>Powiedzie\u0107, \u017ce w ostatnich tygodniach w kategorii Server Side Renderingu dzia\u0142o si\u0119 du\u017co, to tak jak nic nie powiedzie\u0107. Niespe\u0142na dwa tygodnie temu zesp\u00f3\u0142 Reacta <a href=\"https:\/\/vived.io\/new-hook-is-coming-to-react-frontend-weekly-vol-109\/\" target=\"_blank\" rel=\"noreferrer noopener\">opublikowa\u0142 RFC<\/a> (Request For Comments) dotycz\u0105ce wykorzystania async\/await serwerowych komponentach. Tydzie\u0144 temu <a href=\"https:\/\/vived.io\/the-future-is-now-next-js-13-frontend-weekly-vol-110\/\" target=\"_blank\" rel=\"noreferrer noopener\">opublikowany zosta\u0142 Next 13<\/a>, kt\u00f3ry wprowadza zupe\u0142nie nowy system routingu oraz dodaje wsparcie dla wspomnianych serwerowych komponent\u00f3w. W tym tygodniu skolei wszystkie dyskusje zdominowa\u0142o przej\u0119cie Remix\u2019a (najwi\u0119kszego konkurenta Next.js) przez Shopify. Co to oznacza dla deweloper\u00f3w? Co stanie si\u0119 z rozwijanym przez Shopify do tej pory frameworkiem Hydrogen? Czy Next.js ma si\u0119 czego obawia\u0107?  Temu wszystkiemu przyjrzymy si\u0119 w dzisiejszej edycji naszego przegl\u0105du.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11745,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/giphy-10.gif\" alt=\"\" class=\"wp-image-11745\"\/><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/giphy-10.gif\" alt=\"\" class=\"wp-image-11745\"\/><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>\u017beby dobrze zrozumie\u0107 przej\u0119cie Remix przez Shopify musimy cofn\u0105\u0107 si\u0119 troch\u0119 w czasie. Jest rok 2015 i Michael Jackson oraz Ryan Florence wsp\u00f3lnie tworz\u0105 bibliotek\u0119 React Router. Szybko staje si\u0119 ona w\u0142a\u015bciwie domy\u015bln\u0105 bibliotek\u0105 do obs\u0142ugi nawigacji w <s>frameworku<\/s> bibliotece od Facebooka. Na przestrzeni lat React Router niejednokrotnie wprowadza breaking changes, kt\u00f3re doprowadzaj\u0105 deweloper\u00f3w do szewskiej pasji. Mimo to, na rynku nie powstaje realna alternatywa i do dzisiaj React Router wykorzystywany jest w\u0142a\u015bciwie we wszystkich znanych mi projektach. Potwierdzaj\u0105 to r\u00f3wnie\u017c statystyki, bo React Router jest pobierany z Reactem w 7\/10 przypadk\u00f3w. <\/p>\n","innerContent":["\n<p>\u017beby dobrze zrozumie\u0107 przej\u0119cie Remix przez Shopify musimy cofn\u0105\u0107 si\u0119 troch\u0119 w czasie. Jest rok 2015 i Michael Jackson oraz Ryan Florence wsp\u00f3lnie tworz\u0105 bibliotek\u0119 React Router. Szybko staje si\u0119 ona w\u0142a\u015bciwie domy\u015bln\u0105 bibliotek\u0105 do obs\u0142ugi nawigacji w <s>frameworku<\/s> bibliotece od Facebooka. Na przestrzeni lat React Router niejednokrotnie wprowadza breaking changes, kt\u00f3re doprowadzaj\u0105 deweloper\u00f3w do szewskiej pasji. Mimo to, na rynku nie powstaje realna alternatywa i do dzisiaj React Router wykorzystywany jest w\u0142a\u015bciwie we wszystkich znanych mi projektach. Potwierdzaj\u0105 to r\u00f3wnie\u017c statystyki, bo React Router jest pobierany z Reactem w 7\/10 przypadk\u00f3w. <\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Znajomo\u015b\u0107 mi\u0119dzy Michaelem Jacksonem oraz Ryanem Florence nawi\u0105zana przy okazji pracy nad React Router w kolejnych latach procentuje. Obaj panowie wsp\u00f3lnie pracuj\u0105 nad licznymi projektami typu Open Source i dogaduj\u0105 si\u0119 na tyle dobrze, \u017ce w 2020 roku postanawiaj\u0105 wsp\u00f3lnie rozkr\u0119ci\u0107 firm\u0119: Remix. Oferowanym przez firm\u0119 produktem ma by\u0107 fullstackowy framework.<\/p>\n","innerContent":["\n<p>Znajomo\u015b\u0107 mi\u0119dzy Michaelem Jacksonem oraz Ryanem Florence nawi\u0105zana przy okazji pracy nad React Router w kolejnych latach procentuje. Obaj panowie wsp\u00f3lnie pracuj\u0105 nad licznymi projektami typu Open Source i dogaduj\u0105 si\u0119 na tyle dobrze, \u017ce w 2020 roku postanawiaj\u0105 wsp\u00f3lnie rozkr\u0119ci\u0107 firm\u0119: Remix. Oferowanym przez firm\u0119 produktem ma by\u0107 fullstackowy framework.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11747,"width":632,"height":355,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-3.png\" alt=\"\" class=\"wp-image-11747\" width=\"632\" height=\"355\"\/><figcaption>Michael Jacksonem oraz Ryan Florence pracuj\u0105cy nad pierwsz\u0105 wersj\u0105 Remix - 2020 koloryzowane<\/figcaption><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-3.png\" alt=\"\" class=\"wp-image-11747\" width=\"632\" height=\"355\"\/><figcaption>Michael Jacksonem oraz Ryan Florence pracuj\u0105cy nad pierwsz\u0105 wersj\u0105 Remix - 2020 koloryzowane<\/figcaption><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Kontrowersje budzi jedynie spos\u00f3b sprzeda\u017cy - droga licencja uzale\u017cniona od liczny deweloper\u00f3w rozwijaj\u0105cych produkt. No c\u00f3\u017c, jako programistyczna spo\u0142eczno\u015b\u0107 przyzwyczaili\u015bmy si\u0119 ju\u017c, \u017ce za darmo to w\u0142a\u015bciwa cena. Na szcz\u0119\u015bcie ta strategia biznesowa nigdy nie wchodzi w \u017cycie. W 2021 projekt zyskuje finansowanie z OSS Capital w wysoko\u015bci 3 milion\u00f3w dolar\u00f3w i Remix decyduje si\u0119 przej\u015b\u0107 na model Open Source.<\/p>\n","innerContent":["\n<p>Kontrowersje budzi jedynie spos\u00f3b sprzeda\u017cy - droga licencja uzale\u017cniona od liczny deweloper\u00f3w rozwijaj\u0105cych produkt. No c\u00f3\u017c, jako programistyczna spo\u0142eczno\u015b\u0107 przyzwyczaili\u015bmy si\u0119 ju\u017c, \u017ce za darmo to w\u0142a\u015bciwa cena. Na szcz\u0119\u015bcie ta strategia biznesowa nigdy nie wchodzi w \u017cycie. W 2021 projekt zyskuje finansowanie z OSS Capital w wysoko\u015bci 3 milion\u00f3w dolar\u00f3w i Remix decyduje si\u0119 przej\u015b\u0107 na model Open Source.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Nied\u0142ugo po otrzymaniu przez firm\u0119 zastrzyku got\u00f3wki \u015bwiat\u0142o dzienne ujrza\u0142 zar\u00f3wno Remix v1 jak i b\u0119d\u0105cy jego fundamentem w postaci React Router v6 (a jak\u017ceby inaczej - zawieraj\u0105cy ca\u0142\u0105 mas\u0119 breaking changes). Remix ju\u017c na starcie oferuje routing oparty o struktur\u0119 katalog\u00f3w, zagnie\u017cd\u017cone layouty czy mo\u017cliwo\u015b\u0107 wczytywania danych do komponentu wraz z obs\u0142ug\u0105 \u0142adowania oraz b\u0142\u0119d\u00f3w. Innowacyjne wygl\u0105da te\u017c podej\u015bcie do obs\u0142ugi formularzy, kt\u00f3re wykorzystuje natywne mechanizmy HTML i obs\u0142ugiwane jest w pe\u0142ni po stronie serwera.<\/p>\n","innerContent":["\n<p>Nied\u0142ugo po otrzymaniu przez firm\u0119 zastrzyku got\u00f3wki \u015bwiat\u0142o dzienne ujrza\u0142 zar\u00f3wno Remix v1 jak i b\u0119d\u0105cy jego fundamentem w postaci React Router v6 (a jak\u017ceby inaczej - zawieraj\u0105cy ca\u0142\u0105 mas\u0119 breaking changes). Remix ju\u017c na starcie oferuje routing oparty o struktur\u0119 katalog\u00f3w, zagnie\u017cd\u017cone layouty czy mo\u017cliwo\u015b\u0107 wczytywania danych do komponentu wraz z obs\u0142ug\u0105 \u0142adowania oraz b\u0142\u0119d\u00f3w. Innowacyjne wygl\u0105da te\u017c podej\u015bcie do obs\u0142ugi formularzy, kt\u00f3re wykorzystuje natywne mechanizmy HTML i obs\u0142ugiwane jest w pe\u0142ni po stronie serwera.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11749,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-40.jpeg\" alt=\"\" class=\"wp-image-11749\"\/><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-40.jpeg\" alt=\"\" class=\"wp-image-11749\"\/><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Zacz\u0119li\u015bmy niebezpiecznie zbli\u017ca\u0107 si\u0119 do roku 2022, dlatego zmie\u0144my teraz w\u0105tek i cofnijmy si\u0119 na chwile do roku 2004. Na pu\u0142kach sklepowych wyl\u0105dowa\u0142 w\u0142a\u015bnie nowy Nintendo DS, a w telewizji wyemitowany zosta\u0142 pierwszy odcinek serialu Lost, a grupa znajomych z Kanady postanawia za\u0142o\u017cy\u0107 sw\u00f3j sklep internetowy, w kt\u00f3rym sprzedawa\u0107 b\u0119d\u0105 Snowboardy. Na rynku nie znajduj\u0105 oni jednak Software'u, kt\u00f3ry odpowiada\u0142by ich wymaganiom. Jak przysta\u0142o na prawdziwych in\u017cynier\u00f3w, postanawiaj\u0105 wi\u0119c stworzy\u0107 go samodzielnie od podstaw.<\/p>\n","innerContent":["\n<p>Zacz\u0119li\u015bmy niebezpiecznie zbli\u017ca\u0107 si\u0119 do roku 2022, dlatego zmie\u0144my teraz w\u0105tek i cofnijmy si\u0119 na chwile do roku 2004. Na pu\u0142kach sklepowych wyl\u0105dowa\u0142 w\u0142a\u015bnie nowy Nintendo DS, a w telewizji wyemitowany zosta\u0142 pierwszy odcinek serialu Lost, a grupa znajomych z Kanady postanawia za\u0142o\u017cy\u0107 sw\u00f3j sklep internetowy, w kt\u00f3rym sprzedawa\u0107 b\u0119d\u0105 Snowboardy. Na rynku nie znajduj\u0105 oni jednak Software'u, kt\u00f3ry odpowiada\u0142by ich wymaganiom. Jak przysta\u0142o na prawdziwych in\u017cynier\u00f3w, postanawiaj\u0105 wi\u0119c stworzy\u0107 go samodzielnie od podstaw.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11751,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/29425184_1700831626639272_4113151000963973120_o.jpeg\" alt=\"\" class=\"wp-image-11751\"\/><figcaption>Nostalgiczna podr\u00f3\u017c do 2004 roku nabawi\u0142a mnie niesamowitej ch\u0119ci do powrotu do gier z tego okresu\u2026<\/figcaption><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/29425184_1700831626639272_4113151000963973120_o.jpeg\" alt=\"\" class=\"wp-image-11751\"\/><figcaption>Nostalgiczna podr\u00f3\u017c do 2004 roku nabawi\u0142a mnie niesamowitej ch\u0119ci do powrotu do gier z tego okresu\u2026<\/figcaption><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Sklep z deskami snowboardowymi szybko przeradza si\u0119 w technologiczny startup i w 2006 roku powstaje firma Shopify. Za cel przyjmuje sobie uproszczenie zak\u0142adania i prowadzenia sklep\u00f3w internetowych tak bardzo, jak to tylko mo\u017cliwe. Powstaj\u0105 zar\u00f3wno szablony gotowych sklep\u00f3w, jak i API umo\u017cliwiaj\u0105ce szybkie stworzenie dopasowanego do swoich potrzeb rozwi\u0105zania. Startup ro\u015bnie jak na dro\u017cd\u017cach. W 2014 roku obs\u0142uguje ju\u017c 120 tysi\u0119cy sprzedawc\u00f3w i przynosi przych\u00f3d w wysoko\u015bci 105 milion\u00f3w dolar\u00f3w. W 2015 roku firma z powodzeniem wchodzi na nowojorsk\u0105 gie\u0142d\u0119. <\/p>\n","innerContent":["\n<p>Sklep z deskami snowboardowymi szybko przeradza si\u0119 w technologiczny startup i w 2006 roku powstaje firma Shopify. Za cel przyjmuje sobie uproszczenie zak\u0142adania i prowadzenia sklep\u00f3w internetowych tak bardzo, jak to tylko mo\u017cliwe. Powstaj\u0105 zar\u00f3wno szablony gotowych sklep\u00f3w, jak i API umo\u017cliwiaj\u0105ce szybkie stworzenie dopasowanego do swoich potrzeb rozwi\u0105zania. Startup ro\u015bnie jak na dro\u017cd\u017cach. W 2014 roku obs\u0142uguje ju\u017c 120 tysi\u0119cy sprzedawc\u00f3w i przynosi przych\u00f3d w wysoko\u015bci 105 milion\u00f3w dolar\u00f3w. W 2015 roku firma z powodzeniem wchodzi na nowojorsk\u0105 gie\u0142d\u0119. <\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11755,"width":577,"height":359,"sizeSlug":"large","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-04-at-10.06.45-1-1024x639.png\" alt=\"\" class=\"wp-image-11755\" width=\"577\" height=\"359\"\/><figcaption>Rozmawiaj\u0105c o finansach Shopify, nie spos\u00f3b nie wspomnie\u0107 o spadku warto\u015bci akcji o ponad 70% na przestrzeni ostatniego roku. Nie doszukiwa\u0142bym si\u0119 tutaj jednak k\u0142opot\u00f3w samej firmy, a ca\u0142ego naszego sektora. Podobne spadki zaobserwowa\u0107 mo\u017cna chocia\u017cby u Mety.<\/figcaption><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-04-at-10.06.45-1-1024x639.png\" alt=\"\" class=\"wp-image-11755\" width=\"577\" height=\"359\"\/><figcaption>Rozmawiaj\u0105c o finansach Shopify, nie spos\u00f3b nie wspomnie\u0107 o spadku warto\u015bci akcji o ponad 70% na przestrzeni ostatniego roku. Nie doszukiwa\u0142bym si\u0119 tutaj jednak k\u0142opot\u00f3w samej firmy, a ca\u0142ego naszego sektora. Podobne spadki zaobserwowa\u0107 mo\u017cna chocia\u017cby u Mety.<\/figcaption><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><a href=\"https:\/\/vived.io\/pl\/frontend-thursday-vol-63-hydrogen-interactive-stories-user-flows-w-chrome-97\/\" target=\"_blank\" rel=\"noreferrer noopener\">W 2021 roku Shopify pokazuje \u015bwiatu sw\u00f3j nowy framework oparty o Reacta - Hydrogen<\/a>. Jego celem jest umo\u017cliwienie deweloperom szybkiego budowania frontendu dla sklep\u00f3w internetowych z wykorzystaniem wsp\u00f3\u0142czesnych technologii. Nowem frameworkowi nie brakuje odwagi. Od dnia zero stawia na React Server Components, kt\u00f3re w tamtym momencie nadal s\u0105 w fazie wczesnej alphy. Do budowania wykorzystuje \u015bwie\u017co zaprezentowany i nie przetestowany jeszcze w boju Vite. Aby ostatecznie podgrza\u0107 atmosfer\u0119, Hydrogen do stylowania zaleca mocno zopiniowanego Tailwinda.<\/p>\n","innerContent":["\n<p><a href=\"https:\/\/vived.io\/pl\/frontend-thursday-vol-63-hydrogen-interactive-stories-user-flows-w-chrome-97\/\" target=\"_blank\" rel=\"noreferrer noopener\">W 2021 roku Shopify pokazuje \u015bwiatu sw\u00f3j nowy framework oparty o Reacta - Hydrogen<\/a>. Jego celem jest umo\u017cliwienie deweloperom szybkiego budowania frontendu dla sklep\u00f3w internetowych z wykorzystaniem wsp\u00f3\u0142czesnych technologii. Nowem frameworkowi nie brakuje odwagi. Od dnia zero stawia na React Server Components, kt\u00f3re w tamtym momencie nadal s\u0105 w fazie wczesnej alphy. Do budowania wykorzystuje \u015bwie\u017co zaprezentowany i nie przetestowany jeszcze w boju Vite. Aby ostatecznie podgrza\u0107 atmosfer\u0119, Hydrogen do stylowania zaleca mocno zopiniowanego Tailwinda.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11757,"width":643,"height":390,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/6zha1n.jpeg\" alt=\"\" class=\"wp-image-11757\" width=\"643\" height=\"390\"\/><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/6zha1n.jpeg\" alt=\"\" class=\"wp-image-11757\" width=\"643\" height=\"390\"\/><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>W tym miejscu obie historie spotykaj\u0105 si\u0119. Jest rok 2021 pierwszy, Gatsby ju\u017c dawno przekaza\u0142 koron\u0119 Server Side Renderingu Next.js. Ten zreszt\u0105 wydaje si\u0119 nietykalny - z finansowaniem na poziomie 300 milion\u00f3w dolar\u00f3w niewiele jest projekt\u00f3w gotowych rzuci\u0107 mu r\u0119kawic\u0119. Daleko na horyzoncie majaczy stawiaj\u0105cy pierwsze kroki Remix, a gdzie\u015b z boku ca\u0142ej sytuacji Shopify pracuje nad swoim w\u0142asnym innowacyjnym rozwi\u0105zaniem w postaci Hydrogen (p\u00f3ki co dedykowanemu sklepom internetowym, ale kto wie - mo\u017ce w przysz\u0142o\u015bci doczeka si\u0119 te\u017c bardziej og\u00f3lnej wersji).<\/p>\n","innerContent":["\n<p>W tym miejscu obie historie spotykaj\u0105 si\u0119. Jest rok 2021 pierwszy, Gatsby ju\u017c dawno przekaza\u0142 koron\u0119 Server Side Renderingu Next.js. Ten zreszt\u0105 wydaje si\u0119 nietykalny - z finansowaniem na poziomie 300 milion\u00f3w dolar\u00f3w niewiele jest projekt\u00f3w gotowych rzuci\u0107 mu r\u0119kawic\u0119. Daleko na horyzoncie majaczy stawiaj\u0105cy pierwsze kroki Remix, a gdzie\u015b z boku ca\u0142ej sytuacji Shopify pracuje nad swoim w\u0142asnym innowacyjnym rozwi\u0105zaniem w postaci Hydrogen (p\u00f3ki co dedykowanemu sklepom internetowym, ale kto wie - mo\u017ce w przysz\u0142o\u015bci doczeka si\u0119 te\u017c bardziej og\u00f3lnej wersji).<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Prze\u0142om roku 2021 i 2022 to prawdziwa gor\u0105czko je\u015bli chodzi o renderowanie po stronie serwera. Na scenie pojawiaj\u0105 si\u0119 te\u017c coraz to nowe podej\u015bcia do tematu. Nadmieni\u0107 nale\u017cy chocia\u017cby <a href=\"https:\/\/vived.io\/astro-1-0-an-ssr-beyond-our-galaxy-frontend-weekly-vol-100\/\">Astro z Dynamic Islands<\/a> czy <a href=\"https:\/\/vived.io\/qwik-a-new-framework-from-the-authors-of-angular-js-and-ionic-frontend-weekly-vol-106\/\">Qwik i Resumable Execution<\/a>. React Server Components doczekuj\u0105 si\u0119 wreszcie etapu bety. Zesp\u00f3\u0142 odpowiedzialny za Next.js pracuje nad <a href=\"https:\/\/vived.io\/the-future-is-now-next-js-13-frontend-weekly-vol-110\/\" target=\"_blank\" rel=\"noreferrer noopener\">nowym modelem routingu<\/a> (niekt\u00f3rzy powiedz\u0105, \u017ce mocno inspirowanym Remixem).<\/p>\n","innerContent":["\n<p>Prze\u0142om roku 2021 i 2022 to prawdziwa gor\u0105czko je\u015bli chodzi o renderowanie po stronie serwera. Na scenie pojawiaj\u0105 si\u0119 te\u017c coraz to nowe podej\u015bcia do tematu. Nadmieni\u0107 nale\u017cy chocia\u017cby <a href=\"https:\/\/vived.io\/astro-1-0-an-ssr-beyond-our-galaxy-frontend-weekly-vol-100\/\">Astro z Dynamic Islands<\/a> czy <a href=\"https:\/\/vived.io\/qwik-a-new-framework-from-the-authors-of-angular-js-and-ionic-frontend-weekly-vol-106\/\">Qwik i Resumable Execution<\/a>. React Server Components doczekuj\u0105 si\u0119 wreszcie etapu bety. Zesp\u00f3\u0142 odpowiedzialny za Next.js pracuje nad <a href=\"https:\/\/vived.io\/the-future-is-now-next-js-13-frontend-weekly-vol-110\/\" target=\"_blank\" rel=\"noreferrer noopener\">nowym modelem routingu<\/a> (niekt\u00f3rzy powiedz\u0105, \u017ce mocno inspirowanym Remixem).<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11759,"width":728,"height":409,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-41.jpeg\" alt=\"\" class=\"wp-image-11759\" width=\"728\" height=\"409\"\/><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-41.jpeg\" alt=\"\" class=\"wp-image-11759\" width=\"728\" height=\"409\"\/><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>W \u015brodku tego zamieszania, niespe\u0142na tydzie\u0144 po premierze <a href=\"https:\/\/vived.io\/the-future-is-now-next-js-13-frontend-weekly-vol-110\/\" target=\"_blank\" rel=\"noreferrer noopener\">Next.js 13<\/a> i dzie\u0144 przed Halloween, internet obiega informacja, \u017ce Shopify zdecydowa\u0142 si\u0119 na przej\u0119cie Remixa. Niestety kwota zakupu nie jest publicznie znana. W g\u0142owach ca\u0142ej spo\u0142eczno\u015bci rodzi si\u0119 pytanie - Czy to koniec Hydrogen? Czy Remix b\u0119dzie od teraz skupia\u0142 si\u0119 tylko na obs\u0142udze sklep\u00f3w internetowych? Czy Shopify planuje rozwija\u0107 obydwa frameworki?<\/p>\n","innerContent":["\n<p>W \u015brodku tego zamieszania, niespe\u0142na tydzie\u0144 po premierze <a href=\"https:\/\/vived.io\/the-future-is-now-next-js-13-frontend-weekly-vol-110\/\" target=\"_blank\" rel=\"noreferrer noopener\">Next.js 13<\/a> i dzie\u0144 przed Halloween, internet obiega informacja, \u017ce Shopify zdecydowa\u0142 si\u0119 na przej\u0119cie Remixa. Niestety kwota zakupu nie jest publicznie znana. W g\u0142owach ca\u0142ej spo\u0142eczno\u015bci rodzi si\u0119 pytanie - Czy to koniec Hydrogen? Czy Remix b\u0119dzie od teraz skupia\u0142 si\u0119 tylko na obs\u0142udze sklep\u00f3w internetowych? Czy Shopify planuje rozwija\u0107 obydwa frameworki?<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11761,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-39.jpeg\" alt=\"\" class=\"wp-image-11761\"\/><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-39.jpeg\" alt=\"\" class=\"wp-image-11761\"\/><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Odpowiadaj\u0105c najkr\u00f3cej jak si\u0119 da na przedstawione pytania. Zar\u00f3wno Hydrogen jak i Remix nadal b\u0119d\u0105 rozwijane i \u017caden z nich nie zmienia swojego przeznaczenia. Shopify zamierza jednak wykorzysta\u0107 synergi\u0119 mi\u0119dzy projektami i oprze\u0107 Hydrogen o Remix. Oznacza to, \u017ce Remix b\u0119dzie frameworkiem og\u00f3lnego zastosowania, natomiast Hydrogen b\u0119dzie jego wyspecjalizowan\u0105 wersj\u0105 stworzon\u0105 do budowania sklep\u00f3w internetowych.<\/p>\n","innerContent":["\n<p>Odpowiadaj\u0105c najkr\u00f3cej jak si\u0119 da na przedstawione pytania. Zar\u00f3wno Hydrogen jak i Remix nadal b\u0119d\u0105 rozwijane i \u017caden z nich nie zmienia swojego przeznaczenia. Shopify zamierza jednak wykorzysta\u0107 synergi\u0119 mi\u0119dzy projektami i oprze\u0107 Hydrogen o Remix. Oznacza to, \u017ce Remix b\u0119dzie frameworkiem og\u00f3lnego zastosowania, natomiast Hydrogen b\u0119dzie jego wyspecjalizowan\u0105 wersj\u0105 stworzon\u0105 do budowania sklep\u00f3w internetowych.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Pewnym efektem ubocznym migracji Hydrogen do Remix jest ca\u0142kowite odej\u015bcie od React Server Components. Na przestrzeni ostatniego roku to w\u0142a\u015bnie Shopify by\u0142 jednym z najaktywniejszych uczestnik\u00f3w dyskusji dotycz\u0105cych tej technologii. To dzi\u0119ki ich sugestiom zmieniono mi\u0119dzy innymi konwencj\u0119 nazewnicz\u0105 serwerowych komponent\u00f3w. Teraz zar\u00f3wno zesp\u00f3\u0142 Hydrogen jak i Remix m\u00f3wi jednym g\u0142osem - React Server Components nie s\u0105 jeszcze gotow\u0105 technologi\u0105, a oba projekty wr\u00f3c\u0105 do tematu kiedy b\u0119dzie on odpowiednio dojrza\u0142y. Rzuca to troch\u0119 inne \u015bwiat\u0142o na zesz\u0142otygodniowy optymizm wobec Next.js wdra\u017caj\u0105cego React Server Components.<\/p>\n","innerContent":["\n<p>Pewnym efektem ubocznym migracji Hydrogen do Remix jest ca\u0142kowite odej\u015bcie od React Server Components. Na przestrzeni ostatniego roku to w\u0142a\u015bnie Shopify by\u0142 jednym z najaktywniejszych uczestnik\u00f3w dyskusji dotycz\u0105cych tej technologii. To dzi\u0119ki ich sugestiom zmieniono mi\u0119dzy innymi konwencj\u0119 nazewnicz\u0105 serwerowych komponent\u00f3w. Teraz zar\u00f3wno zesp\u00f3\u0142 Hydrogen jak i Remix m\u00f3wi jednym g\u0142osem - React Server Components nie s\u0105 jeszcze gotow\u0105 technologi\u0105, a oba projekty wr\u00f3c\u0105 do tematu kiedy b\u0119dzie on odpowiednio dojrza\u0142y. Rzuca to troch\u0119 inne \u015bwiat\u0142o na zesz\u0142otygodniowy optymizm wobec Next.js wdra\u017caj\u0105cego React Server Components.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11765,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/giphy-11.gif\" alt=\"\" class=\"wp-image-11765\"\/><figcaption>Zesp\u00f3\u0142 Reacta, dowiaduj\u0105cy si\u0119, \u017ce Hydrogen nie b\u0119dzie ju\u017c pomaga\u0142 w rozwoju React Server Components.<\/figcaption><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/giphy-11.gif\" alt=\"\" class=\"wp-image-11765\"\/><figcaption>Zesp\u00f3\u0142 Reacta, dowiaduj\u0105cy si\u0119, \u017ce Hydrogen nie b\u0119dzie ju\u017c pomaga\u0142 w rozwoju React Server Components.<\/figcaption><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Jaka przysz\u0142o\u015b\u0107 czeka Remix? Jak przyznaje sam Ryan Florence, wreszcie b\u0119dzie m\u00f3g\u0142 skupi\u0107 si\u0119 na budowaniu najlepszego narz\u0119dzia, zamiast po\u015bwi\u0119ca\u0107 czas wymy\u015blaniu modelu biznesowego i pozyskiwaniu funduszy. Po tej wypowiedzi mo\u017cemy mie\u0107 nadziej\u0119, \u017ce dobrze dofinansowany i nieobci\u0105\u017cony rozwojem np. infrastruktury serwerowej (jak Deno czy Next.js) b\u0119dzie rozwija\u0142 si\u0119 szybko i dynamicznie.<\/p>\n","innerContent":["\n<p>Jaka przysz\u0142o\u015b\u0107 czeka Remix? Jak przyznaje sam Ryan Florence, wreszcie b\u0119dzie m\u00f3g\u0142 skupi\u0107 si\u0119 na budowaniu najlepszego narz\u0119dzia, zamiast po\u015bwi\u0119ca\u0107 czas wymy\u015blaniu modelu biznesowego i pozyskiwaniu funduszy. Po tej wypowiedzi mo\u017cemy mie\u0107 nadziej\u0119, \u017ce dobrze dofinansowany i nieobci\u0105\u017cony rozwojem np. infrastruktury serwerowej (jak Deno czy Next.js) b\u0119dzie rozwija\u0142 si\u0119 szybko i dynamicznie.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Czy Next.js ma si\u0119 czego obawia\u0107? Na pewno pod wzgl\u0119dem adopcji przepa\u015b\u0107 mi\u0119dzy Remix i Next.js szybko nie zostanie zasypana. Pojawienie si\u0119 du\u017cej i rozpoznawalnej firmy za Remixem stawia go w bardzo dobrej sytuacji. Po pierwsze znika strach spo\u0142eczno\u015bci przed nag\u0142ym porzuceniem rozwi\u0105zania i przys\u0142owiowym pozostaniem na lodzie. Po drugie przej\u0119cie przez Shopify to te\u017c wymiana wiedzy i do\u015bwiadcze\u0144, kt\u00f3ra na pewno wyjdzie wszystkim na dobre. Po trzecie silna integracja z Hyddrogen oznacza, \u017ce Remix kierowany b\u0119dzie potrzebami u\u017cytkownik\u00f3w, kt\u00f3re weryfikowane b\u0119d\u0105 w szybkiej p\u0119tli zwrotnej. Reasumuj\u0105c, Next.js szybko nie straci swojej uprzywilejowanej pozycji, ale Remix mocno ugruntowa\u0142 si\u0119 na pozycji \u201ctego drugiego\u201d rozwi\u0105zania do Server Side Renderingu. Jak to jednak bywa w przypadku \u201cgor\u0105czki z\u0142ota\u201d, sytuacja jest dynamiczna i nigdy nie wiadomo kto pierwszy trafi na najwi\u0119ksz\u0105 \u017cy\u0142\u0119 z\u0142ota.<\/p>\n","innerContent":["\n<p>Czy Next.js ma si\u0119 czego obawia\u0107? Na pewno pod wzgl\u0119dem adopcji przepa\u015b\u0107 mi\u0119dzy Remix i Next.js szybko nie zostanie zasypana. Pojawienie si\u0119 du\u017cej i rozpoznawalnej firmy za Remixem stawia go w bardzo dobrej sytuacji. Po pierwsze znika strach spo\u0142eczno\u015bci przed nag\u0142ym porzuceniem rozwi\u0105zania i przys\u0142owiowym pozostaniem na lodzie. Po drugie przej\u0119cie przez Shopify to te\u017c wymiana wiedzy i do\u015bwiadcze\u0144, kt\u00f3ra na pewno wyjdzie wszystkim na dobre. Po trzecie silna integracja z Hyddrogen oznacza, \u017ce Remix kierowany b\u0119dzie potrzebami u\u017cytkownik\u00f3w, kt\u00f3re weryfikowane b\u0119d\u0105 w szybkiej p\u0119tli zwrotnej. Reasumuj\u0105c, Next.js szybko nie straci swojej uprzywilejowanej pozycji, ale Remix mocno ugruntowa\u0142 si\u0119 na pozycji \u201ctego drugiego\u201d rozwi\u0105zania do Server Side Renderingu. Jak to jednak bywa w przypadku \u201cgor\u0105czki z\u0142ota\u201d, sytuacja jest dynamiczna i nigdy nie wiadomo kto pierwszy trafi na najwi\u0119ksz\u0105 \u017cy\u0142\u0119 z\u0142ota.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11763,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/quote-during-the-gold-rush-most-would-be-miners-lost-money-but-people-who-sold-them-picks-peter-lynch-72-28-53.jpeg\" alt=\"\" class=\"wp-image-11763\"\/><figcaption>Pozostaje tylko pytanie - czym s\u0105 \u0142opaty w przypadku Server Side Renderingu? <\/figcaption><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/quote-during-the-gold-rush-most-would-be-miners-lost-money-but-people-who-sold-them-picks-peter-lynch-72-28-53.jpeg\" alt=\"\" class=\"wp-image-11763\"\/><figcaption>Pozostaje tylko pytanie - czym s\u0105 \u0142opaty w przypadku Server Side Renderingu? <\/figcaption><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/heading","attrs":{"level":3},"innerBlocks":[],"innerHTML":"\n<h3>\u0179r\u00f3d\u0142a<\/h3>\n","innerContent":["\n<h3>\u0179r\u00f3d\u0142a<\/h3>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><a href=\"https:\/\/remix.run\/blog\/remixing-shopify\">https:\/\/remix.run\/blog\/remixing-shopify<\/a><br><a href=\"https:\/\/shopify.engineering\/remix-joins-shopify\">https:\/\/shopify.engineering\/remix-joins-shopify<\/a><br><a href=\"https:\/\/techcrunch.com\/2022\/10\/31\/shopify-acquires-remix-to-bolster-its-storefront-design-tools\/?guccounter=1\">https:\/\/techcrunch.com\/2022\/10\/31\/shopify-acquires-remix-to-bolster-its-storefront-design-tools<\/a><br><a href=\"https:\/\/twitter.com\/jplhomer\/status\/1587095536833859584\">https:\/\/twitter.com\/jplhomer\/status\/1587095536833859584<\/a><br><a href=\"https:\/\/twitter.com\/ryanflorence\/status\/1587171069915385856\">https:\/\/twitter.com\/ryanflorence\/status\/1587171069915385856<\/a><br><a href=\"https:\/\/twitter.com\/ryanflorence\/status\/1587090973594558464\">https:\/\/twitter.com\/ryanflorence\/status\/1587090973594558464<\/a><br><a href=\"https:\/\/www.crunchbase.com\/organization\/shopify\/company_financials\">https:\/\/www.crunchbase.com\/organization\/shopify\/company_financials<\/a><br><a href=\"https:\/\/docs.astro.build\/en\/getting-started\/\">https:\/\/docs.astro.build\/en\/getting-started\/<\/a><br><a href=\"https:\/\/qwik.builder.io\/docs\/getting-started\/\">https:\/\/qwik.builder.io\/docs\/getting-started\/<\/a><br><a href=\"https:\/\/en.wikipedia.org\/wiki\/Shopify\">https:\/\/en.wikipedia.org\/wiki\/Shopify<\/a><br><a href=\"https:\/\/hydrogen.shopify.dev\/roadmap\/\">https:\/\/hydrogen.shopify.dev\/roadmap\/<\/a><br><a href=\"https:\/\/remix.run\/blog\/seed-funding-for-remix\">https:\/\/remix.run\/blog\/seed-funding-for-remix<\/a><br><a href=\"https:\/\/shopify.engineering\/how-we-built-hydrogen\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/shopify.engineering\/how-we-built-hydrogen<\/a><\/p>\n","innerContent":["\n<p><a href=\"https:\/\/remix.run\/blog\/remixing-shopify\">https:\/\/remix.run\/blog\/remixing-shopify<\/a><br><a href=\"https:\/\/shopify.engineering\/remix-joins-shopify\">https:\/\/shopify.engineering\/remix-joins-shopify<\/a><br><a href=\"https:\/\/techcrunch.com\/2022\/10\/31\/shopify-acquires-remix-to-bolster-its-storefront-design-tools\/?guccounter=1\">https:\/\/techcrunch.com\/2022\/10\/31\/shopify-acquires-remix-to-bolster-its-storefront-design-tools<\/a><br><a href=\"https:\/\/twitter.com\/jplhomer\/status\/1587095536833859584\">https:\/\/twitter.com\/jplhomer\/status\/1587095536833859584<\/a><br><a href=\"https:\/\/twitter.com\/ryanflorence\/status\/1587171069915385856\">https:\/\/twitter.com\/ryanflorence\/status\/1587171069915385856<\/a><br><a href=\"https:\/\/twitter.com\/ryanflorence\/status\/1587090973594558464\">https:\/\/twitter.com\/ryanflorence\/status\/1587090973594558464<\/a><br><a href=\"https:\/\/www.crunchbase.com\/organization\/shopify\/company_financials\">https:\/\/www.crunchbase.com\/organization\/shopify\/company_financials<\/a><br><a href=\"https:\/\/docs.astro.build\/en\/getting-started\/\">https:\/\/docs.astro.build\/en\/getting-started\/<\/a><br><a href=\"https:\/\/qwik.builder.io\/docs\/getting-started\/\">https:\/\/qwik.builder.io\/docs\/getting-started\/<\/a><br><a href=\"https:\/\/en.wikipedia.org\/wiki\/Shopify\">https:\/\/en.wikipedia.org\/wiki\/Shopify<\/a><br><a href=\"https:\/\/hydrogen.shopify.dev\/roadmap\/\">https:\/\/hydrogen.shopify.dev\/roadmap\/<\/a><br><a href=\"https:\/\/remix.run\/blog\/seed-funding-for-remix\">https:\/\/remix.run\/blog\/seed-funding-for-remix<\/a><br><a href=\"https:\/\/shopify.engineering\/how-we-built-hydrogen\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/shopify.engineering\/how-we-built-hydrogen<\/a><\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/heading","attrs":[],"innerBlocks":[],"innerHTML":"\n<h2>2. Czy React zamierza modyfikowa\u0107 metod\u0119 fetch() ? <\/h2>\n","innerContent":["\n<h2>2. Czy React zamierza modyfikowa\u0107 metod\u0119 fetch() ? <\/h2>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Dwa tygodnie temu g\u0142ownym tematem naszego przegl\u0105du by\u0142o RFC do Reacta dotycz\u0105ce natywnego wsparcia dla Promis\u00f3w i async\/await. Jednym z temat\u00f3w, kt\u00f3ry przewin\u0105\u0142 si\u0119 w tle ca\u0142ej dyskusji, by\u0142o lepsze wsparcie dla cache. Temat wr\u00f3ci\u0142 na tapet szybciej ni\u017c si\u0119 spodziewali\u015bmy, bo eksperymentalna implementacja powstaj\u0105ca na cele kolejnego RFC zawiera\u0142a monkeypatching metody fetch. Spo\u0142eczno\u015b\u0107 zachowa\u0142a czujno\u015b\u0107 i wy\u0142apa\u0142a odpowiedni PR w repozytorium, a w sieci zawrza\u0142o. <\/p>\n","innerContent":["\n<p>Dwa tygodnie temu g\u0142ownym tematem naszego przegl\u0105du by\u0142o RFC do Reacta dotycz\u0105ce natywnego wsparcia dla Promis\u00f3w i async\/await. Jednym z temat\u00f3w, kt\u00f3ry przewin\u0105\u0142 si\u0119 w tle ca\u0142ej dyskusji, by\u0142o lepsze wsparcie dla cache. Temat wr\u00f3ci\u0142 na tapet szybciej ni\u017c si\u0119 spodziewali\u015bmy, bo eksperymentalna implementacja powstaj\u0105ca na cele kolejnego RFC zawiera\u0142a monkeypatching metody fetch. Spo\u0142eczno\u015b\u0107 zachowa\u0142a czujno\u015b\u0107 i wy\u0142apa\u0142a odpowiedni PR w repozytorium, a w sieci zawrza\u0142o. <\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Monkeypatching to technika polegaj\u0105ca na modyfikacji zachowania globalnych klas czy funkcji. Chyba najlepszym przyk\u0142adem monkeypatching jest zone.js wykorzystywany przez Angulara w celu wykrywaniu zmian. Biblioteka ta modyfikuje wi\u0119kszo\u015b\u0107 publicznych API przegl\u0105darki, tak aby umo\u017cliwi\u0107 reagowanie na odpowiednie zdarzenia. Dlaczego monkeypatching w Reactie wywo\u0142a\u0142 takie poruszenie, skoro technika ta jest tak powszechna u konkurencji?<\/p>\n","innerContent":["\n<p>Monkeypatching to technika polegaj\u0105ca na modyfikacji zachowania globalnych klas czy funkcji. Chyba najlepszym przyk\u0142adem monkeypatching jest zone.js wykorzystywany przez Angulara w celu wykrywaniu zmian. Biblioteka ta modyfikuje wi\u0119kszo\u015b\u0107 publicznych API przegl\u0105darki, tak aby umo\u017cliwi\u0107 reagowanie na odpowiednie zdarzenia. Dlaczego monkeypatching w Reactie wywo\u0142a\u0142 takie poruszenie, skoro technika ta jest tak powszechna u konkurencji?<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11767,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-38.jpeg\" alt=\"\" class=\"wp-image-11767\"\/><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/download-38.jpeg\" alt=\"\" class=\"wp-image-11767\"\/><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Najwi\u0119kszym argumentem przeciw monkeypatching s\u0105 problemy z kompatybilno\u015bci\u0105 z zewn\u0119trznymi bibliotekami. Co w sytuacji, kiedy dana biblioteka bazowa\u0142a na zachowaniu, kt\u00f3re zosta\u0142o zmodyfikowane? Co je\u015bli dwie biblioteki b\u0119d\u0105 pr\u00f3bowa\u0142y modyfikowa\u0107 t\u0105 sam\u0105 metod\u0119? Co je\u015bli w przysz\u0142o\u015bci przegl\u0105darki rozszerz\u0105 standard i zepsuje to stare wersje React? W ko\u0144cu, czy b\u0119dzie to tylko pojedyncze odst\u0119pstwo od regu\u0142y, czy te\u017c otwarcie ca\u0142ej puszki pandory.<\/p>\n","innerContent":["\n<p>Najwi\u0119kszym argumentem przeciw monkeypatching s\u0105 problemy z kompatybilno\u015bci\u0105 z zewn\u0119trznymi bibliotekami. Co w sytuacji, kiedy dana biblioteka bazowa\u0142a na zachowaniu, kt\u00f3re zosta\u0142o zmodyfikowane? Co je\u015bli dwie biblioteki b\u0119d\u0105 pr\u00f3bowa\u0142y modyfikowa\u0107 t\u0105 sam\u0105 metod\u0119? Co je\u015bli w przysz\u0142o\u015bci przegl\u0105darki rozszerz\u0105 standard i zepsuje to stare wersje React? W ko\u0144cu, czy b\u0119dzie to tylko pojedyncze odst\u0119pstwo od regu\u0142y, czy te\u017c otwarcie ca\u0142ej puszki pandory.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p>Zesp\u00f3\u0142 Reacta podsumowa\u0142 spraw\u0119 kr\u00f3tko i bardzo konkretnie: czekajcie na RFC. Niezale\u017cnie od tego czy monkeypatching si\u0119 Wam podoba czy nie, poczekajmy z ostateczn\u0105 opini\u0105 na uzasadnienie od g\u0142\u00f3wnego interesariusza w postaci Reacta.<\/p>\n","innerContent":["\n<p>Zesp\u00f3\u0142 Reacta podsumowa\u0142 spraw\u0119 kr\u00f3tko i bardzo konkretnie: czekajcie na RFC. Niezale\u017cnie od tego czy monkeypatching si\u0119 Wam podoba czy nie, poczekajmy z ostateczn\u0105 opini\u0105 na uzasadnienie od g\u0142\u00f3wnego interesariusza w postaci Reacta.<\/p>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/image","attrs":{"align":"center","id":11779,"sizeSlug":"full","linkDestination":"none"},"innerBlocks":[],"innerHTML":"\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/giphy-13.gif\" alt=\"\" class=\"wp-image-11779\"\/><figcaption>Ja osobi\u015bcie te\u017c jestem raczej przeciwnikiem monkey-patchingu, ale mam szczer\u0105 nadziej\u0119 \u017ce tak b\u0119dzie wygl\u0105da\u0107 moja reakcja po opublikowaniu RFC.<\/figcaption><\/figure>\n","innerContent":["\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2022\/11\/giphy-13.gif\" alt=\"\" class=\"wp-image-11779\"\/><figcaption>Ja osobi\u015bcie te\u017c jestem raczej przeciwnikiem monkey-patchingu, ale mam szczer\u0105 nadziej\u0119 \u017ce tak b\u0119dzie wygl\u0105da\u0107 moja reakcja po opublikowaniu RFC.<\/figcaption><\/figure>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/heading","attrs":{"level":3},"innerBlocks":[],"innerHTML":"\n<h3>\u0179r\u00f3d\u0142a<\/h3>\n","innerContent":["\n<h3>\u0179r\u00f3d\u0142a<\/h3>\n"]},{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"\n\n","innerContent":["\n\n"]},{"blockName":"core\/paragraph","attrs":[],"innerBlocks":[],"innerHTML":"\n<p><a href=\"https:\/\/github.com\/facebook\/react\/issues\/25573\">https:\/\/github.com\/facebook\/react\/issues\/25573<\/a><br><a href=\"https:\/\/github.com\/facebook\/react\/blob\/main\/packages\/react\/src\/ReactFetch.js#L128-L134\">https:\/\/github.com\/facebook\/react\/blob\/main\/packages\/react\/src\/ReactFetch.js#L128-L134<\/a><br><a href=\"https:\/\/www.reddit.com\/r\/javascript\/comments\/yex2oj\/so_apparently_theres_now_code_in_react_to\/\">https:\/\/www.reddit.com\/r\/javascript\/comments\/yex2oj\/so_apparently_theres_now_code_in_react_to\/<\/a><\/p>\n","innerContent":["\n<p><a href=\"https:\/\/github.com\/facebook\/react\/issues\/25573\">https:\/\/github.com\/facebook\/react\/issues\/25573<\/a><br><a href=\"https:\/\/github.com\/facebook\/react\/blob\/main\/packages\/react\/src\/ReactFetch.js#L128-L134\">https:\/\/github.com\/facebook\/react\/blob\/main\/packages\/react\/src\/ReactFetch.js#L128-L134<\/a><br><a href=\"https:\/\/www.reddit.com\/r\/javascript\/comments\/yex2oj\/so_apparently_theres_now_code_in_react_to\/\">https:\/\/www.reddit.com\/r\/javascript\/comments\/yex2oj\/so_apparently_theres_now_code_in_react_to\/<\/a><\/p>\n"]}],"_links":{"self":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/11744","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=11744"}],"version-history":[{"count":11,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/11744\/revisions"}],"predecessor-version":[{"id":11828,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/11744\/revisions\/11828"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/media\/11772"}],"wp:attachment":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/media?parent=11744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/categories?post=11744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/tags?post=11744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}