Fork me on GitHub

2024-10-08: WebPlatform 출시노트, Node v20.18.0(network의 inspect), StyleX 0.8.0

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #710 - Web features explorer - Web platform release notes는, web-features@mdn/browser-compat-data 데이터를 기반으로, 매월 브라우저의 신기능을 정리해 출시 노트를 자동적으로 정리합니다.

web-featuresBaseline라 하는 최대공약수 베이스라인이 되는 브라우저로 지원되는 지표가 되는 데이터를 생성합니다.

어떤 기능을 이용하고 있는가 알 수 있으므로, 새로운 기능을 알고 싶은 사람은 체크해두는 것도 좋을 것 입니다.


Node.js 20.18.0가 출시되었습니다.

--experimental-network-inspection으로 개발자 도구에서 Network Inspection 지원합니다.
vm 내에 globalThis를 freeze하는 vm.constants.DONT_CONTEXTIFY 추가되었습니다.


CSS in JS 라이브러리 StyleX 0.8.0가 출시되었습니다.

Lint로 shorthand 금지하는 valid-shorthands 규칙 추가, enforce-extension 규칙 추가가 있었습니다.
또한, lightningcss를 사용해 minify나 autoprefix의 post-process를 처리합니다.


To support JSer.info


헤드라인


Web features explorer - Web platform release notes

web-platform-dx.github.io/web-features-explorer/release-notes/

WebPlatformAPI news webservice

web-features이나 browser-compat-data를 기반으로 브라우저 새로운 기능 출시 노트 형식을 정리한 웹사이트


Release v10.9.0 · npm/cli

github.com/npm/cli/releases/tag/v10.9.0

npm ReleaseNote

npm v10.9.0 출시.
개발 시 런타임 정보를 정의하는 devEngines 필드 지원


Node.js — Node v20.18.0 (LTS)

nodejs.org/en/blog/release/v20.18.0

nodejs ReleaseNote

Node.js v20.18.0 출시.
--experimental-network-inspection 플래그로 Network Inspection 지원.
vm 내에 globalThis를 freeze하는 vm.constants.DONT_CONTEXTIFY 추가


Tauri 2.0 Stable Release | Tauri

v2.tauri.app/blog/tauri-20/

Rust JavaScript GUI ReleaseNote

Tauri 2.0 출시.
iOS/Android 지원, 모바일 애플리케이션 시뮬레이터도 HMR가 가능, 플러그인 시스템 업데이트, 접근 제어 구조 업데이트


September 30, 2024 Release – React Spectrum Releases

react-spectrum.adobe.com/releases/2024-09-30.html

React library ReleaseNote

React Aria September 30, 2024 출시.
ColorPicker/ColorArea/ColorField/ColorSlider/ColorSwatch/ColorSwatchPicker/ColorWheel 추가.
Button에 Pending의 state 추가.
실험적 컴포넌트로, Tree/TreeViewDisclosure/DisclosureGroup 추가


Release 20.0.0 · nrwl/nx

github.com/nrwl/nx/releases/tag/20.0.0

nodejs Tools ReleaseNote

Nx 20.0.0 출시.
rspack 플러그인 추가


Release 0.8.0 | StyleX

stylexjs.com/blog/v0.8.0

css JavaScript library React ReleaseNote

StyleX 0.8.0 출시.
shorthand 금지하는 valid-shorthands 규칙 추가, enforce-extension 규칙 추가.
lightningcss 사용해 minify나 autoprefix의 post-process 실행


읽을거리


ESLint now officially supports linting of JSON and Markdown - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2024/10/eslint-json-markdown-support/

ESLint JSON Markdown article

ESLint의 JSON와 Markdown 지원에 대하여


How Bun supports V8 APIs without using V8 (part 1) | Bun Blog

bun.sh/blog/how-bun-supports-v8-apis-without-using-v8-part-1

Bun V8 webkit C++ article

Bun가 어떤 식으로 V8 API를 JSC 상에 구현하는가.
C++ 포인터, 레이아웃 호환성 레이어, V8와 JSC 값 표현 차이, NaN 박싱, GC, 메모리 레이아웃 관련하여


Web Components are not Framework Components — and That’s Okay • Lea Verou

lea.verou.me/blog/2024/wcs-vs-frameworks/

WebComponents article opinion

Web Components은 HTML 확장과 리액티브 템플릿이라는 2가지 카테고리를 사용


webpack to Rspack ~ Rspack 이행 결과와 주의점 ~

zenn.dev/ryo_kawamata/articles/b2df9989fe2c6e

webpack rspack article

webpack에서 Rspack으로 이행하기.
production 빌드 문제 대응


슬라이드, 영상


ViteConf 2024 - YouTube

www.youtube.com/playlist?list=PLqGQbXn_GDmnObDzgjUF4Krsfl6OUKxtp

vite Conference video

ViteConf 2024 영상 목록


웹사이트, 서비스, 문서


CrUX Vis

cruxvis.withgoogle.com/

webservice performance

CrUX 데이터를 사용해 지정한 사이트 Web Vital 성능 매트릭스의 경향을 비주얼라이즈 한 웹사이트


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


dimdenGD/ultimate-express: The Ultimate Express. Fastest http server with full Express compatibility, based on µWebSockets.

github.com/dimdenGD/ultimate-express

express library

µWebSockets 기반 express 호환 API 라이브러리


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