{"id":10071,"date":"2021-10-07T16:49:54","date_gmt":"2021-10-07T14:49:54","guid":{"rendered":"https:\/\/vived.io\/frontend-thursday-vol-58\/"},"modified":"2022-09-19T13:16:37","modified_gmt":"2022-09-19T11:16:37","slug":"frontend-thursday-vol-58","status":"publish","type":"post","link":"https:\/\/vived.io\/pl\/frontend-thursday-vol-58\/","title":{"rendered":"Frontend Thursday vol. 58"},"content":{"rendered":"\n

1. TypeScript 4.5 Beta<\/h2>\n\n\n\n

Zawsze powtarzam, \u017ce kolejne wydania TypeScript s\u0105 dla mnie ma\u0142ymi \u015bwi\u0119tami. Kolejne takie wydarzenie zbli\u017ca si\u0119 wielkimi krokami, bo kilka dni temu ukaza\u0142a si\u0119 beta wersji 4.5 tego j\u0119zyk (co oznacza, \u017ce pe\u0142ne wydanie ujrzymy za mniej\/wi\u0119cej dwa miesi\u0105ce). Tak jak w przypadku kilku ostatnich wersji mamy tu do czynienia raczej z ewolucj\u0105, a nie rewolucj\u0105, ale wci\u0105\u017c warto zapozna\u0107 si\u0119 z nowo\u015bciami.<\/p>\n\n\n\n

Najwi\u0119ksze nadchodz\u0105ce zmiany dotycz\u0105 modu\u0142\u00f3w w Node.js. Do compilerOptions dodane zosta\u0142y dwa nowe wspierane rodzaje wspieranych modu\u0142\u00f3w: \u2018node12\u2019 i \u2018nodenext\u2019. Nowe opcje pozwol\u0105 emitowa\u0107 pliki JavaScript wspieraj\u0105ce ECMAScript Modules (te s\u0105 wspierane w\u0142a\u015bnie od Node.js 12). Nowy TypeScript b\u0119dzie uwzgl\u0119dnia\u0142 r\u00f3wnie\u017c pole type w package.json, aby w odpowiedni spos\u00f3b importowa\u0107 pliki .ts i .tsx. To jeszcze nie koniec, bo Typescript dostanie swoje odpowiedniki plik\u00f3w o rozszerzeniu .mjs (.mts) i .cjs (.cts).<\/p>\n\n\n\n

\"\"
Modu\u0142y w Node.js wci\u0105\u017c potrafi\u0105 przyprawi\u0107 o zawr\u00f3t g\u0142owy, ale programi\u015bci Node.js na pewno doceni\u0105 nadchodz\u0105ce usprawnienia.<\/figcaption><\/figure><\/div>\n\n\n\n

Na szcz\u0119\u015bcie nie samym Node.js cz\u0142owiek \u017cyje i do TypeScript zmierza te\u017c kilka nowo\u015bci, kt\u00f3re zainteresuj\u0105 tych zajmuj\u0105cych si\u0119 g\u0142\u00f3wnie kodem uruchamianym w przegl\u0105darkach. W nadchodz\u0105cej wersji j\u0119zyka od Microsoftu znajdziemy nowy utility type Awaited. Jego zadaniem jest sp\u0142aszczenie wszystkich struktur opartych o Promise i PromiseLike. Je\u015bli na co dzie\u0144 nie modelujecie skomplikowanych struktur danych to r\u00f3wnie\u017c na nim skorzystacie, bo Promise.all, Promise.race b\u0119d\u0105 wykorzystywa\u0107 go w swoich deklaracjach.<\/p>\n\n\n\n

\/\/ A = string\ntype A = Awaited<Promise<string>>;\n\n\/\/ B = number\ntype B = Awaited<Promise<Promise<number>>>;\n\n\/\/ C = boolean | number\ntype C = Awaited<boolean | Promise<number>>;\n\ndeclare function MaybePromise<T>(value: T): T | Promise<T> | PromiseLike<T>;\n\nasync function doSomething(): Promise<[number, number]> {\n    const result = await Promise.all([\n        MaybePromise(100),\n        MaybePromise(200)\n    ]);\n\n    \/\/ in Typescript 4.4 this caused following error:\n    \/\/    [number | Promise<100>, number | Promise<200>]\n    \/\/\n    \/\/ is not assignable to type\n    \/\/\n    \/\/    [number, number]\n    return result;\n}<\/code><\/pre>\n\n\n\n
Do TypeScript 4.5 wersji zmierza te\u017c wsparcie dla dw\u00f3ch ECMAScript proposals. Pierwszy z nich to sprawdzanie obecno\u015bci prywatnych p\u00f3l w klasach, a drugi to import assertions pozwalaj\u0105cy na import obiektu z pliku json.<\/p>\n\n\n\n
class Person {\n    #name: string;\n    constructor(name: string) {\n        this.#name = name;\n    }\n\n    equals(other: unknown) {\n        return other &&\n            typeof other === "object" &&\n            #name in other && \/\/ <- this is new!\n            this.#name === other.#name;\n    }\n}\n\nimport obj from ".\/something.json" assert { type: "json" };<\/code><\/pre>\n\n\n\n
Oczywi\u015bcie to tylko kilka z nadchodz\u0105cych zmian. Je\u015bli jeste\u015bcie ciekawi co jeszcze trafi do nowego TypeScriptu to zapraszamy do \u015bwietnie przygotowanej przez Microsoft notatki, kt\u00f3r\u0105 znajdziecie w \u017ar\u00f3d\u0142ach. My natomiast przyjrzymy si\u0119 im dok\u0142adnie kiedy kurz opadnie i wydana zostanie ostateczna wersja j\u0119zyka.<\/p>\n\n\n\n
\u0179r\u00f3d\u0142a:<\/h3>\n\n\n\n
https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-5-beta\/<\/a><\/p>\n\n\n\n
2. React Native 0.66<\/h2>\n\n\n\n
W minionym tygodniu, zgodnie z planem releasowym, powitali\u015bmy kolejn\u0105 wersj\u0119 React Native. W nowym wydaniu znalaz\u0142o si\u0119:<\/p>\n\n\n\n