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
- 😘 Recommend the website to your friends!
- 💸 Support @azu on GitHub Sponsors>
- 🐦 Follow @jser_info on Twitter
헤드라인
Astro 2.0 | Astro
Astro 2.0 출시.
Content Collections API 추가, SSG와 SSR를 조합할 수 있도록, 에러 표시 개선, HMR 개선, Vite 4.0 로 업데이트 등
Deno 1.30: Built-in Node modules
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/
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
MSW 1.0 출시
Release v0.17.5 · evanw/esbuild
github.com/evanw/esbuild/releases/tag/v0.17.5
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 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
useState 대신 useReducer를 사용해 State 처리를 정리해보자는 이야기
Performance of WebAssembly runtimes in 2023 | Frank DENIS random thoughts.
00f.net/2023/01/04/webassembly-benchmark-2023/
WebAssembly runtime 벤치마크 비교 글
Scrollend, a new JavaScript event - Chrome Developers
developer.chrome.com/blog/scrollend-a-new-javascript-event/
스크롤이 완료되었다 알려주는 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
Create React App(CRA)가 관리되고 있지 않으며, 앞으로 어떻게할 것인가 Issue.
CRA 존재이유, CRA 명령어를 유지하면서 내부적으로 다른 프레임워크 런처로 기능하도록 하는 Proposal
소프트웨어, 도구, 라이브러리
deca-org/deca-ui: DecaUI is production-ready themeable component library built with StitchesJS.
React UI 컴포넌트 프레임워크
cyclic-software/s3fs: Drop in replacement for the Node.js fs library backed by AWS S3
github.com/cyclic-software/s3fs
AWS S3를 백엔드로 하면서 fs
호환 API를 가지고 있는 라이브러리
jakebailey/hereby: A simple Node.js task runner
TypeScript 레포지토리에서 이용하고 있는 태스크런너.
ESM에서 적은 태스크 정의파일을 근거로 태스크를 실행한다 .gulp 대신 이용된다..
도서
역방향 자료형 퍼스트 Zod
zenn.dev/terrierscript/books/2023-01-typed-zod
Zod 역방향 역방향 레퍼런스