6 min read

Polski frontend i backend newsletter @ typeofweb.com #18

Polski frontend i backend newsletter @ typeofweb.com #18

Witajcie w kolejnej edycji newslettera Type of Web! Przed Wami dawka frontendowych i backendowych news贸w.

馃憢
Stale poszukuj臋 sponsor贸w. Chcesz, aby Twoje materia艂y lub og艂oszenie by艂o tutaj promowane? Odezwij si臋 na [email protected] lub typeofweb.com/wspolpraca. Dok艂adn膮 ofert臋 znajdziesz na podstronie Reklama.

Poza kategori膮

Advent of Code

Ruszy艂a kolejna edycja Advent of Code! Co to takiego? 鈥濳alendarz adwentowy鈥 w postaci codziennych zada艅 algorytmicznych do rozwi膮zania w dowolnym j臋zyku programowania. Wszystko utrzymane w klimacie 艣wi膮tecznym 馃鈥嶐煄

Do艂膮cz do tablicy punkt贸w Type of Web z kodem 756840-8c3f18ad:

Leaderboard - Advent of Code 2022

Hackvent

R贸wnocze艣nie odbywa si臋 Hackvent 2022, czyli r贸wnie偶 forma 鈥瀔alendarza adentowego鈥, ale z zadaniami polegaj膮cymi na hackowaniu i wydobywaniu informacji鈥 Rodzima inicjatywa dzi臋ki pl.coding.girl i mwpro.

Hackvent 2022
Programming advent calendar - solve daily tech-related tasks

Zmiany na Discordzie

Najpopularniejszy frontendowy serwer Discord zmienia si臋 dla Was! Type of Web: Polski frontend i backend od dzisiaj wreszcie ma kana艂y typu forum! 馃敟馃敟馃敟

Oznacza to, 偶e zamiast standardowego czatu dost臋pne b臋d膮 te偶 klasyczne fora tematyczne 鈥 w kt贸rych ka偶da zainteresowana osoba tworzy sw贸j w艂asny w膮tek, nikt sobie nie przeszkadza i nie wchodzi w s艂owo. 馃コ Idealne do rozwi膮zywania problem贸w, poszukiwania pomocy, czy po prostu dyskusji na jeden konkretny temat!

Na razie dodaj臋 tylko kilka kana艂贸w 鈥 zach臋cam do korzystania i testowania: code-review, frontend, backend, ui-ux-design, prawo-podatki-umowy, praca-oferty.

Dawajcie zna膰, czy czego艣 brakuje, albo czy co艣 jest bez sensu!

Join the Type of Web: Polski frontend i backend 鈥 JavaScript, TypeScript. React, Vue, node.js鈥 Discord Server!
Polski front-end i back-end to serwer dla programist贸w i programistek. | 6,289 members

Frontend

TypeScript 4.9

Ukaza艂a si臋 stabilna wersja TypeScripta 4.9 zawieraj膮ca operator satisfies oraz udogodnienie w postaci adnotacji accessor w klasach. Ten pierwszy jest szczeg贸lnie istotny i od wielu lat wyczekiwany przez spo艂eczno艣膰: pozwala na jednoczesne zachowanie bezpiecze艅stwa typ贸w oraz korzystanie z inferencji! Sp贸jrzmy na szybki przyk艂ad:

type TranslationItem = { key: string; translation: string };
type TranslationDict = Record<string, TranslationItem>;
type Languages = Record<string, TranslationDict>;

// Przed 4.9
const languages1: Languages = {
  en: {
    welcomeMessage: { key: "Yo", translation: "Yo" },
  },
  pl: {
    welcomeMessage: { key: "Yo", translation: "Siema mordo" },
  },
};

languages1.lol; // whoops, czemu tu nie ma errora?

// Nowa sk艂adnia
const languages2 = {
  en: {
    welcomeMessage: { key: "Yo", translation: "Yo" },
  },
  pl: {
    welcomeMessage: { key: "Yo", translation: "Siema mordo" },
  },
} satisfies Languages;

languages2.lol; // jest error!

Inne aktualizacje

Ukaza艂 si臋 te偶 Prettier 2.8 oraz typescript-eslint 5.45.0, a wspominam o nich dlatego, 偶e aby korzysta膰 z operatora satisfies, musicie r贸wnie偶 zaktualizowa膰 te dwie zale偶no艣ci. No chyba, 偶e nie u偶ywacie ani Prettiera, ani Eslinta i piszecie kod鈥 jak zwierz臋ta!

Eslint przepisywane od zera

Tak, dobrze czytasz, tw贸rcy ESLint przepisuj膮 go zupe艂nie od zera. Polecam ten 3-cz臋艣ciowy artyku艂 na ich blogu oraz dyskusj臋 na GitHubie poni偶ej:

ESLint鈥檚 new config system, Part 1: Background - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
Complete rewrite of ESLint 路 Discussion #16557 路 eslint/eslint
Introduction ESLint was first released in 2013, meaning it will be ten years old next year. During that time, the way people write JavaScript has changed dramatically and we have been using the inc...

Ant Design 5.0

Je艣li pracujecie cho膰 troch臋 z interfejsami, to na pewno s艂yszeli艣cie o Ant Design. W艂a艣nie ukaza艂a si臋 stabilna wersja 5.0, a w niej masa zmian! Od艣wie偶ono design, dodano nowe komponenty, ale przede wszystkim zmianie uleg艂o podej艣cie do Design Token Model. Co ciekawe, Ant-Design r贸wnie偶 cz臋艣ciowo odchodzi od css-in-js. Trend, kt贸ry 艂atwo by艂o przewidzie膰 鈥 spo艂eczno艣膰 wreszcie posz艂a po rozum do g艂owy.

Ant Design 5.0 is released! 路 Issue #38671 路 ant-design/ant-design
Introduction At the end of September, we released v5 alpha version. After 2 months of adjustment, API has gradually stabilized. Thanks to the community for the valuable suggestions and contribution...

Backend

Prisma 4.7

Ukaza艂a si臋 wersja 4.7 Waszego ulubionego ORM-a, a w nim鈥 nareszcie stabilne interactiveTransactions! Hejterzy, kt贸ry zawsze pisali, 偶e hurr durr prisma nie ma migracji nie b臋d膮 zadowoleni. Do rozbudowanej funkcji prisma.$transaction mo偶emy przekaza膰 dowoln膮 funkcj臋 async i zostanie ona wykonana w obr臋bie jednej transakcji bazodanowej. Jest te偶 wsparcie dla poziom贸w izolacji 聽(isolationLevel).

Z ciekawszych zmian: dodano wsparcie dla wielu schema w Postgresie 鈥 bardzo przydatne, np. przy pracy z Supabase, czy po prostu dobrze zaprojektowanymi bazami 馃檭 W艂膮czcie multiSchema!

Pojawi艂 si臋 r贸wnie偶 (jako eksperymentalny) nieco kontrowersyjny temat鈥 umieszczania logiki biznesowej w modelach Prismy. Wygl膮da to fatalnie i na pewno b臋dzie nadu偶ywane. Nie w艂膮czajcie clientExtensions.

Release 4.7.0 路 prisma/prisma
馃専 Help us spread the word about Prisma by starring the repo or tweeting about the release. 馃専HighlightsInteractive transactions are now Generally AvailableAfter an extensive Preview phase and lot...

Hyperstack

Nowy framework Node.js! Tak, to nie 偶art. Bazuje na konceptach znanych z Rails贸w, ma w sobie wszystko (od test贸w, przez modele, a偶 po CLI), wspiera TypeScripta鈥 w teorii brzmi fajnie, ale niekt贸re sk艂adnie mnie odpychaj膮. C贸偶, chyba pozostan臋 przy swoim Hapi Fastify.

hyperstackjs 路 Hyperstack is a modern full-stack Node.js web framework for the pragmatic programmer
Hyperstack is a modern full-stack Node.js web framework for the pragmatic programmer

Deno 1.28

Pami臋tacie has艂a z pocz膮tk贸w Deno? Izolacja, bezpiecze艅stwo i brak 1300000 syfiastych modu艂贸w z npma, a zamiast nich dobra biblioteka standardowa? NIESPODZIANKA. Deno 1.28 wspiera modu艂y z NPM. Hue hue hue 馃ぁ 馃ぁ 馃ぁ A pami臋tacie jeszcze IO.js? Nie cytujcie mnie w powa偶nych artyku艂ach, ale moim zdaniem Deno podzieli los IO.js i ostatecznie po艂膮czy si臋 z Node.js.

Deno 1.28: Featuring 1.3 Million New Modules
Deno 1.28 ships with stabilized npm modules, auto-discovered lock file, a new subprocess API, and more

Deno i Prisma

Ponadto: Deno i Prisma wreszcie ze sob膮 wsp贸艂graj膮. Wymaga艂o to nieco zmian w samej Prismie 鈥 np. dodania mo偶liwo艣ci zapisywania wygenerowanych plik贸w w dowolnym miejscu zamiast node_modules鈥 ale w ko艅cu jest! Dzia艂a r贸wnie偶 na hostingu Deno Deploy.

Deploy to Deno Deploy
Learn how to deploy a TypeScript application to Deno Deploy.

Stopka

Podoba艂o si臋? Nie podoba艂o si臋? Daj mi zna膰. Je艣li co艣 z wrzuconych tu materia艂贸w Ci si臋 przyda艂o, to daj lajka, udost臋pniaj, albo po prostu powiedz znajomym. Ch臋tnie przyjmuj臋 te偶 wszelkie sugestie. Dzi臋ki!

馃憢
Stale poszukuj臋 sponsor贸w. Chcesz, aby Twoje materia艂y lub og艂oszenie by艂o tutaj promowane? Odezwij si臋 na [email protected] lub typeofweb.com/wspolpraca. Dok艂adn膮 ofert臋 znajdziesz na podstronie Reklama.