![\"\"](\"https:\/\/vived.io\/wp-content\/uploads\/2021\/11\/6t5bamofkk181.png\")
(\u0179r\u00f3d\u0142o: https:\/\/www.reddit.com\/r\/ProgrammerHumor\/comments\/r18x82\/i_just_cant_resist\/)<\/figcaption><\/figure><\/div>\n\n\n\n
Advent of Code to nie jedyna akcja jaka wystartowa\u0142a z pocz\u0105tkiem grudnia. Je\u015bli chcecie troch\u0119 popracowa\u0107 nad swoj\u0105 znajomo\u015bci\u0105 Reacta, to pierwszego grudnia wystartowa\u0142a mailingowa akcja React Holiday<\/a>. W jej ramach codziennie na maila dostawa\u0107 b\u0119dziecie jedn\u0105 kr\u00f3tk\u0105 lekcj\u0119 na temat frameworka od Meta (to ju\u017c prawie miesi\u0105c od zmiany nazwy, ale ci\u0105gle jako\u015b ci\u0119\u017cko przechodzi mi to przez gard\u0142o).<\/p>\n\n\n\n Je\u015bli jeste\u015bcie zainteresowani technologiami hybrydowymi to na stronie Ionicember<\/a> codziennie znajdziecie nowy tutorial pokazuj\u0105cy kolejn\u0105 funkcjonalno\u015b\u0107 Ionica. Za przygotowanie kalendarza odpowiedzialny jest Simon Grimm, kt\u00f3ry jest rozpoznawaln\u0105 postaci\u0105 w spo\u0142eczno\u015bci Ionica.<\/p>\n\n\n\n Na deser zostawi\u0142em sobie akcj\u0119 24 days from node.js to Rust<\/a>. W jej ramach osoby znaj\u0105ce backendowy javascript b\u0119d\u0105 mia\u0142y okazj\u0119 pozna\u0107 Rusta. Jak si\u0119 ju\u017c pewnie domy\u015blacie, codziennie mo\u017cecie spodziewa\u0107 si\u0119 kolejnego ma\u0142ego kawa\u0142ka wiedzy.<\/p>\n\n\n\n https:\/\/vino.dev\/blog\/node-to-rust-day-1-rustup\/ Storybook w ci\u0105gu ostatnich tygodni zaprezentowa\u0142 kilka naprawd\u0119 ciekawych koncepcji, kt\u00f3re \u0142\u0105czy\u0142o jedno – mia\u0142y sta\u0107 si\u0119 dost\u0119pne w wersji 6.4. W miniony wtorek wreszcie doczekali\u015bmy si\u0119 jej publikacji!<\/p>\n\n\n\n Do tej pory Storybook \u015bwietnie sprawdza\u0142 si\u0119 do prezentowania bezstanowych komponent\u00f3w. Od wersji 6.4 r\u00f3wnie dobrze b\u0119dzie radzi\u0142 sobie r\u00f3wnie\u017c z prezentowaniem komponent\u00f3w ze stanem, dzi\u0119ki interaktywnych stories. Z ich pomoc\u0105 mo\u017cliwe b\u0119dzie odtworzenie interakcji z komponentem przy pomocy popularnego Testing Library.<\/p>\n\n\n\n Nowa wersja wprowadza r\u00f3wnie\u017c trzykrotne przyspieszenie kompilacji. Pod tym dobrze sformu\u0142owanym has\u0142em marketingowym kryje si\u0119 podzielenie paczki generowanej przez Storybooka na mniejsze kawa\u0142ki, z kt\u00f3rych ka\u017cdy zawiera pojedynczy story. W trybie deweloperskim nie dostrze\u017cemy wi\u0119c wi\u0119kszej r\u00f3\u017cnicy, ale klienci naszego Storybooka na pewno doceni\u0105 optymalizacj\u0119.<\/p>\n\n\n\n Obiecuj\u0105co wygl\u0105da te\u017c towarzysz\u0105ce temu wydaniu narz\u0119dzie do automatycznej migracji. Na razie w dokumentacji znajdziemy g\u0142\u00f3wnie wsparcie dla migracji z Webpack 4 do Webpack 5, ale ja po cichu licz\u0119, \u017ce w przysz\u0142o\u015bci dostaniemy wsparcie dla migrowania format\u00f3w stories.<\/p>\n\n\n\n Na koniec warto jeszcze wspomnie\u0107, \u017ce nareszcie mo\u017cna u\u017cywa\u0107 Storybooka wraz z Angularem 13 i react-router 6. React Native natomiast otrzyma\u0142 te\u017c wsparcie dla renderowania komponent\u00f3w w przegl\u0105darce przy wykorzystaniu React Native Web.<\/p>\n\n\n\n https:\/\/storybook.js.org\/blog\/storybook-6-4\/<\/a><\/p>\n\n\n\n W zesz\u0142ym tygodniu m\u00f3wi\u0142em Wam, \u017ce renderowanie po stronie serwera b\u0119dzie w nadchodz\u0105cych miesi\u0105cach gor\u0105cym tematem. W tym tygodniu kontynuujemy ten trend, bo Cloudflare Pages otrzyma\u0142y wsparcie dla dynamicznych funkcji.<\/p>\n\n\n\n Je\u015bli nie kojarzycie Cloudflare, to jest to firma z jedn\u0105 z najwi\u0119kszych infrastruktur CDN. Cloudflare Pages jest rozwi\u0105zaniem umo\u017cliwiaj\u0105cym hostowanie statycznych stron z wykorzystaniem tej infrastruktury. Dzi\u0119ki niesamowicie szybkim czasom odpowiedzi by\u0142o to bardzo popularne rozwi\u0105zanie dla aplikacji typu jamstack.<\/p>\n\n\n\n Do statycznych tre\u015bci do\u0142\u0105czaj\u0105 teraz dynamiczne funkcje. Otwiera to drog\u0119 do wsparcia dla Server Side Renderingu i czekam na pierwsze aplikacje serwowane na takiej infrastrukturze. W Out of The box dostali\u015bmy wsparcie dla Svelte-Kit, co jest mocno interesuj\u0105ce w kontek\u015bcie tw\u00f3rcy Svelte do\u0142\u0105czaj\u0105cego do firmy odpowiedzialnej za Next.js. Szykuje nam si\u0119 zaci\u0119ta konkurencja w kategorii chmur dla Server Side Renderingu.<\/p>\n\n\n\n https:\/\/blog.cloudflare.com\/cloudflare-pages-goes-full-stack\/ W minionym tygodniu mia\u0142a miejsce chyba najwi\u0119ksza konferencja dotycz\u0105ce Svelte. Nagrania z niej trafi\u0142y do sieci i patrz\u0105c po tytu\u0142ach co\u015b dla siebie znajd\u0105 tutaj zar\u00f3wno pocz\u0105tkuj\u0105cy adepci Svelte jak i starzy wyjadacze.<\/p>\n\n\n\n![\"\"](\"https:\/\/vived.io\/wp-content\/uploads\/2021\/12\/download.jpeg\")
\u0179r\u00f3d\u0142a:<\/h3>\n\n\n\n
<\/a>https:\/\/ionicember.com\/<\/a>
https:\/\/adventofcode.com\/<\/a>
https:\/\/react.holiday\/<\/a><\/p>\n\n\n\n2. Storybook 6.4<\/h2>\n\n\n\n
import React from 'react';\nimport { within, fireEvent } from '@storybook\/testing-library';\nimport { DeleteCustomerDialog } from '.\/DeleteCustomerDialog';\n \nexport default {\n component: DeleteCustomerDialog,\n title: 'DeleteCustomerDialog',\n};\n \nexport const OpenDialog = () => <DeleteCustomerDialog \/>;\nOpenDialog.play = async ({ canvasElement }) => {\n const canvas = within(canvasElement);\n await fireEvent.click(\n canvas.getByRole('button', { name: 'Delete Customer' })\n );\n};<\/code><\/pre>\n\n\n\n\u0179r\u00f3d\u0142a:<\/h3>\n\n\n\n
3. Cloudflare Pages Goes Full Stack<\/h2>\n\n\n\n
![\"\"](\"https:\/\/vived.io\/wp-content\/uploads\/2021\/12\/5w9kqm-2.jpeg\")
<\/figure><\/div>\n\n\n\n\/\/ Filepath: \/functions\/hello.js\n\/\/ GET requests to \/hello would return "Hello, world!"\nexport const onRequestGet = () => {\n return new Response("Hello, world!")\n}\n\n\/\/ POST requests to \/hello with a JSON-encoded body would return "Hello, <name>!"\nexport const onRequestPost = async ({ request }) => {\n const { name } = await request.json()\n return new Response(`Hello, ${name}!`)\n}<\/code><\/pre>\n\n\n\n\u0179r\u00f3d\u0142a:<\/h3>\n\n\n\n
<\/a>https:\/\/blog.cloudflare.com\/cloudflare-pages-ga\/<\/a><\/p>\n\n\n\n4. Svelte Summit<\/h2>\n\n\n\n