JSer.info #674 - date-fns v3.0.0가 출시되었어요.

Release v3.0.0 · date-fns/date-fns

ESM와 CJS dual pacakge로 변경, 각 파일은 named export 하도록 변경되었어요.
TypeScript 자료형 개선과 함께, 인수의 개수를 Runtime Check 없게하고 Type Check만 하도록 변경되었어요.
그 외로는, interval 옵션 negative 지원, IE의 지원 종료도 포함되어 있어요.

Firefox 121가 출시되었어요.

<iframe loading=lazy>의 지원, CSS text-wrap: balance, :has(), text-indent: each-ilne의 지원이 있어요.
ES2024의 Promise.withResolvers() 지원, Date.parse()으로 파싱 가능한 포맷 추가.
실험적 기능으로 Custom Element state 프로퍼티 지원, showPicker() 지원도 있어요.

React Aria Components v1가 출시되었어요.

December 20, 2023 Release – React Spectrum Releases

React Aria 공식 사이트가 이 출시에 맞춰 업데이트되어, 각 컴포넌트를 테스트할 수 있어요.
또한, Starter Kit으로 복사해서 이용 가능한 템플릿도 공개되었어요.

To support JSer.info

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

헤드라인

Release v3.0.0 · date-fns/date-fns

github.com/date-fns/date-fns/releases/tag/v3.0.0

JavaScript library ReleaseNote

date-fns v3.0.0 출시.
ESM와 CJS dual pacakge로 변경, 각 파일은 named export 하도록 변경. TypeScript 자료형 개선, 인수 개수 Runtime Check 없이 Type Check 만으로 변경, negative interval 지원, IE의 지원 종료

Firefox 121.0, See All New Features, Updates and Fixes

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

Firefox ReleaseNote

Firefox 121 출시.
<iframe loading=lazy>의 지원, CSS text-wrap: balance, :has(), text-indent: each-ilne의 지원.
ES2024 Promise.withResolvers()의 지원, Date.parse()으로 파싱 가능한 포맷 추가.
실험적 기능으로 Custom Element state 프로퍼티 지원, showPicker() 지원

Firefox 121 for developers - Mozilla | MDN

Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more - Tailwind CSS

tailwindcss.com/blog/tailwindcss-v3-4

CSS library ReleaseNote

Tailwind CSS v3.4 출시.
Dynamic viewport units의 지원, :has()의 지원, * variant 지원, size-* utility 지원, Sub grid 지원

December 20, 2023 Release – React Spectrum Releases

react-spectrum.adobe.com/releases/2023-12-20.html

React library ReleaseNote

React Aria Components v1 출시.
React Aria 설명하는 Landing Page 공개, Storybook이나 스타일을 포함하는 Starter Kit 공개

Introducing Catalyst: A modern UI kit for React - Tailwind CSS

tailwindcss.com/blog/introducing-catalyst

UI CSS library ReleaseNote React

Tailwind UI Kit인 Catalyst 출시.
스타일 포함하는 컴포넌트를 복사해서 사용하는 유료 React 컴포넌트 모음.

Catalyst - Tailwind CSS Application UI Kit

Bun v1.0.19 | Bun Blog

bun.sh/blog/bun-v1.0.19

Bun ReleaseNote TypeScript

Bun v1.0.19 출시.
bun-types에는 여러 문제가 있었기에 @types/bun으로 변경, setTimeout/setInterval 성능 개선

읽을거리

Node.js v21 주요 변경점 - 딱히 재미없지는 않은 블로그

shisama.hatenablog.com/entry/2023/12/16/151553

nodejs article

Node.js v21 변경점에 대하여.
Fetch와 WebStreams의 Stable화, WebSocket 추가, navigator.language/navigator.languages 추가, ESM 기본값 관련한 플래그 추가.
import.meta.dirname/import.meta.filename 추가, Test Runner의 glob 지정에 대응, --disable-warning 플래그 추가

From CSS madness to CSS Hooks — nsaunders.dev

nsaunders.dev/posts/css-madness-to-hooks

CSS article

CSS Hooks에 사용되고 있는 CSS Variables를 사용한 fallback trick에 대하여.
CSS Variables에 initial이 지정되어 있는 경우는 fallback이 사용되고, 빈 값일 경우에는 빈 값을 사용.
이 특성을 사용함으로, CSS만으로 프로그램 가능한 스타일 토글 구현 가능.