JSer.info #636 - Firefox 111가 출시되었습니다.

HTML translate 속성 지원, CSS color functions를 플러그로 지원합니다.
또, Safari와 같이 File System Access API Origin private file system (OPFS)를 지원합니다.

The File System API with Origin Private File System | WebKit

React 새로운 문서 사이트 react.dev 가 공개되었습니다.

Introducing react.dev – React

도메인이 react.dev이 되었으며, React Hooks이 기본으로 되어, 튜토리얼이나 API 가이드도 새로 작성되었습니다.
또한, 이전 문서는 https://legacy.reactjs.org/에 공개되어 있습니다.

TypeScript 5.0가 정식 출시되었습니다.

Announcing TypeScript 5.0 - TypeScript

TypeScript는 semver는 아니지만, 메이저 업데이트라 할 정도로 큰 변경이 포함되어 있습니다.

지금까지는 ECMAScript Stage 1 Decorator이었지만, Stage 3 Decorator으로 지원됩니다.
const type parameter 추가, tsconfig.json로 다수 extends에 대응, enum과 union 자료형 개선도 행해졌습니다.

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

TypeScript의 내부적 변경으로 TypeScript 코드베이스를 namespace에서 moudle로 이행, 또한, TypeScript의 코드베이스를 namespace에서 moudle로 이행, 퍼포먼스 / 메모리 / 패키지 크기 개선했습니다.
namespace 관련해서는 글도 공개되어 있습니다.

TypeScript's Migration to Modules - TypeScript

낡아진 --target ES3이나 --out 등 옵션도 비권장으로 변경했으며, --forceConsistentCasingInFileNames 를 기본적으로 true로 변경하는 변경도 포함되어 있습니다.

To support JSer.info

😘 Recommend JSer.info to your friends!
❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
🐦 Follow @jser_info on X(Twitter)

헤드라인

Firefox 111.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/111.0/releasenotes/

Firefox ReleaseNote

Firefox 111 출시.
HTML translate 속성 지원, CSS color functions를 플러그로 지원.
File System Access API Origin private file system (OPFS) 지원 등

Firefox 111 for developers - Mozilla | MDN

Node v19.8.0 (Current) | Node.js

nodejs.org/en/blog/release/v19.8.0

node.js ReleaseNote

Node.js v19.8.0 출시.
Buffer.copyBytesFrom() 추가, AsyncLocalStorage.bind()와 AsyncLocalStorage.snapshot() 추가.
fs.openAsBlob() 추가, URLSearchParams에 size getter 추가, WASI에 version를 추가 등

vite/CHANGELOG.md at main · vitejs/vite

github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#420-2023-03-16

vite ReleaseNote

Vite 4.2.0 출시.
HTML 파일 내에서 %ENV_NAME%로 환경 변수 치환 가능, Source Maps 개선, exports 필드의 Subpath imports에 대응.
TypeScript 5 지원과 esbuild 0.17으로 업데이트 등

Introducing react.dev – React

react.dev/blog/2023/03/16/introducing-react-dev

React document news

React 새로운 문서 사이트 react.dev 가 공개되었다.
도메인이 react.dev가 되었으며, React Hooks가 기본이 되었다. 튜토리얼, API 가이드도 새로 작성되었다.

Announcing TypeScript 5.0 - TypeScript

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

TypeScript ReleaseNote

TypeScript 5.0 출시.
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로 변경하는 변경 등이 포함되어있다.

styled-components/xstyled: A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

github.com/styled-components/xstyled

JavaScript CSS news

xstyled가 styled-components organization으로 이관되었다

Evan Jacobs on Twitter: "Excited to announce that xstyled is now part of the styled-components organization and we will begin to cross-pollinate improvements in the near future! Thank you so much @neoziro! https://t.co/uPk4sR9QsS" / Twitter

읽을거리

Introducing "safe npm", a Socket npm Wrapper - Socket

socket.dev/blog/introducing-safe-npm

npm article security

npm와 npx에 alias해서 이용할 수 있는 커맨드.
설치할 때 패키지가 멀웨어인가, 설치시점에 스크립트 실행하는가 등 확인하며 설치할 수 있다

socket npm & socket npx

npm install와 npm ci 동작 확인을 간단히 해보았다. - Mitsuyuki.Shiiba

bufferings.hatenablog.com/entry/2023/03/21/145023

npm article CI

npm install와 npm ci와 캐시에 관련한 글.
npm install는 node_modules/를 재이용할 수 있지만, 안전하지 않은 경우도 있다.
npm ci는 node_modules/를 삭제하기 위해 ~/.npm를 캐시로 사용할 필요가 있다는 내용.