Fork me on GitHub

2023-01-31: Astro 2.0, Deno 1.30, TypeScript 5.0 Beta

Translator: rewrite0w0(Oh TaeJun) Edit on GitHub See Revisions

JSer.info #629 - Astro 2.0가 출시되었다.

MDX에서 type-safe로 컨텐츠를 다루는 Content Collections API가 추가되었다.
또, SSG와 SSR를 조합할 수 있도록, 에러 표시 개선, HMR 개선, Vite 4.0 로 업데이트 등이 포함되어있다.


Deno 1.30가 출시되었다.

node: prefix 지원, deno.json에 Import Maps를 정의할 수있게, Deno.env.has(name) 등이 추가되었다.
또한, deno fmt에 세미콜론 설정을 추가 등도 포함되어있다.


TypeScript 5.0 Beta 가 출시되었다.

상당히 큰 변경이 포함되어있다.

지금까지는 ECMAScript State1 이었던 Decorator 였지만, Stage3 Decorator가 지원된다.
const type parameter 추가, tsconfig.json에서 여러 extends에 대응, enum과 union 자료형 개선도 행해졌다.

또한, --moduleResolution bundler 추가와 관련하여 옵션추가, exports 필드에 Condition 지정하는 --customConditions 추가.
import할 때 type 수식자를 삭제해 이것 외를 남기는 --verbatimModuleSyntax 옵션 추가, JSDoc에서 @satisfies 지원 등이 포함되었다.

TypeScript 내부적 변경으로 TypeScript 코드베이스를 namespace에서 moudle로 이행, 퍼포먼스/메모리/패키지크기 개선되었다.
낡아진 --target ES3이나 --out등 옵션을 비권장으로 변경, --forceConsistentCasingInFileNames를 기본값 true로 변경으로 하는 내용도 포함되어었다.


To support JSer.info


헤드라인


Astro 2.0 | Astro

astro.build/blog/astro-2/

JavaScript library ReleaseNote

Astro 2.0 출시.
Content Collections API 추가, SSG와 SSR를 조합할 수 있도록, 에러 표시 개선, HMR 개선, Vite 4.0 로 업데이트 등


Deno 1.30: Built-in Node modules

deno.com/blog/v1.30

deno ReleaseNote

Deno v1.30 츨시.
node: prefix 지원, deno.json에 Import Maps 정의할 수 있게, Deno.env.has(name) 추가.
deno fmt 세미콜론 설정 추가 등


The very first beta release of Eleventy v2.0 — Eleventy

www.11ty.dev/blog/eleventy-v2-beta/

JavaScript template ReleaseNote

Eleventy 2.0 Beta 출시.
파괴적 변경으로, Node.js 14 미만 지원 종료, Markdown에서 Indent Code Block를 기본 무효화, 비권장옵션 삭제 등
패키지 크기 삭감, 빌드시간 개선, --incremental 추가.
또한 .webc WebComponent 지원하는 플러그인 추가 등.


Release v1.0.0 · mswjs/msw

github.com/mswjs/msw/releases/tag/v1.0.0

ServiceWorker library ReleaseNote

MSW 1.0 출시


Release v0.17.5 · evanw/esbuild

github.com/evanw/esbuild/releases/tag/v0.17.5

JavaScript bundler ReleaseNote

esbuild v0.17.5 출시.
TypeScript 5.0 beta const parameter 와 enum 지원 등


Announcing TypeScript 5.0 Beta - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/

TypeScript ReleaseNote

TypeScript 5.0 Beta 출시.
ECMAScript Stage 3의 Decorator 구현, const type perameter 추가, tsconfig.json에서 여러 extends에 대응, enum과 union 자료형 개선.
--moduleResolution bundler추가와 관련한 옵션 추가, exports 필드에 Condition 를 지정할 수 있는 --customConditions 추가.
import할 때 type 수식자를 삭제해 이것 외를 남기는 --verbatimModuleSyntax 옵션 추가, JSDoc에서 @satisfies 지원 등.
TypeScript 코드베이스를 namespace에서 moudle로 이행, 퍼포먼스/메모리/패키지크기 개선.
낡아진 --target ES3이나 --out등 옵션을 비권장으로 변경, --forceConsistentCasingInFileNames를 기본값 true로 변경으로 하는 내용도 포함되어었다.


읽을 거리


A Cure for React useState Hell?

www.builder.io/blog/use-reducer

React article

useState 대신 useReducer를 사용해 State 처리를 정리해보자는 이야기


Performance of WebAssembly runtimes in 2023 | Frank DENIS random thoughts.

00f.net/2023/01/04/webassembly-benchmark-2023/

WebAssembly article benchmark performance

WebAssembly runtime 벤치마크 비교 글


Scrollend, a new JavaScript event - Chrome Developers

developer.chrome.com/blog/scrollend-a-new-javascript-event/

JavaScript browser article

스크롤이 완료되었다 알려주는 scrollend에 대해


웹사이트, 서비스, 문서


Replace Create React App recommendation with Vite by t3dotgg · Pull Request #5487 · reactjs/reactjs.org

github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741

React proposal issue

Create React App(CRA)가 관리되고 있지 않으며, 앞으로 어떻게할 것인가 Issue.
CRA 존재이유, CRA 명령어를 유지하면서 내부적으로 다른 프레임워크 런처로 기능하도록 하는 Proposal


소프트웨어, 도구, 라이브러리


deca-org/deca-ui: DecaUI is production-ready themeable component library built with StitchesJS.

github.com/deca-org/deca-ui

React library

React UI 컴포넌트 프레임워크


cyclic-software/s3fs: Drop in replacement for the Node.js fs library backed by AWS S3

github.com/cyclic-software/s3fs

aws node.js library

AWS S3를 백엔드로 하면서 fs 호환 API를 가지고 있는 라이브러리


jakebailey/hereby: A simple Node.js task runner

github.com/jakebailey/hereby

TypeScript Tools

TypeScript 레포지토리에서 이용하고 있는 태스크런너.
ESM에서 적은 태스크 정의파일을 근거로 태스크를 실행한다 .gulp 대신 이용된다..


도서


역방향 자료형 퍼스트 Zod

zenn.dev/terrierscript/books/2023-01-typed-zod

TypeScript book

Zod 역방향 역방향 레퍼런스


Pull Request to this article
JSer.info Slackに参加する