Fork me on GitHub

2023-04-19: vueuse 10.0.0, Immer 10.0.0, Node.js 20.0.0

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

JSer.info #640 - Vue 대상 Utility 라이브러리 vueuse 10.0.0가 출시되었습니다.

파괴적 변경으로 isFunctionisString를 삭제, computedAsync의 기본 동작을 shallow로 변경, resolveReftoRef으로 재명명, 비권장 API 삭제 등이 있습니다.
createReusableTemplate/createTemplatePromise/useAnimate 기능 추가도 있습니다.


Immutable한 객체 조작하는 Immer 10.0.0가 출시되었습니다.

실행에 ES2015+ 필요함으로 실직적으로 IE 지원이 종료되었습니다.

플레인한 객체에 getter와 setter를 기본적으로 무시함으로 성능 개선,
Promise 기반 Reducer 지원 종료, enableAllPlugins 삭제 등이 포함되어있습니다.


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

실험적으로 Permission Model를 추가했습니다.
또, ESM Loader Hooks를 다른 스레드에서 실행할 수 있도록, import.meta.resolve()를 동기처리로 변경했습니다.
그 외로는, V8 11.3으로 업데이트, Test Runnner를 Stable으로 변경, Single executable apps 개선, Web Crypto API 호환성 개선 등이 있습니다.

Node.js 20.x LTS는 2023-10-24부터로 예정되어 있습니다.
또한, Node.js 14.x는 2023-04-30, Node.js 16.x는 2023-09-11로 EOL(End Of Life)되기에, 2023년 10월부터는 Node.js 18와 20 버전만 LTS로 지원될 예정입니다.


To support JSer.info


헤드라인


Node v18.16.0 (LTS) | Node.js

nodejs.org/en/blog/release/v18.16.0

node.js ReleaseNote

Node.js v18.16.0 출시.
Single execute application 초기 구현 추가, URL파서를 Ada로 변경해 성능 개선.


Release v10.0.0 · vueuse/vueuse

github.com/vueuse/vueuse/releases/tag/v10.0.0

Vue library ReleaseNote

vueuse v10.0.0 출시.
파괴적 변경으로 isFunctionisString 삭제, computedAsync 기본 동작 shallow로 변경, resolveReftoRef으로 재명명, 비권장 API 삭제 등.
createReusableTemplate/createTemplatePromise/useAnimate 기능 추가 등


Release v2.0.0 · lerna-lite/lerna-lite

github.com/lerna-lite/lerna-lite/releases/tag/v2.0.0

JavaScript monorepo Tools ReleaseNote

lerna-lite 2.0.0 출시.
--use-nx 삭제, lerna versionlerna publish 옵셔널 커맨드로 변경 등


</> htmx ~ htmx 1.9.0 has been released!

htmx.org/posts/2023-04-11-htmx-1-9-0-is-released/

HTML JavaScript library ReleaseNote

htmx 1.9.0 출시.
View Transitions API 지원


Release v10.0.0 · immerjs/immer

github.com/immerjs/immer/releases/tag/v10.0.0

JavaScript library ReleaseNote

Immer v10.0.0 출시.
ES5+ 환경 지원으로 인해 IE 지원 종료, 플레인한 객체에 getter와 setter를 기본적으로 무시함으로 성능 개선.
Promise 기반 Reducer 지원 종료, enableAllPlugins 삭제 등


Firefox 112.0, See All New Features, Updates and Fixes

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

Firefox ReleaseNote

Firefox 112 출시.
HTML inert 속성 지원, CSS Exponential functions 지원 등


Release v116 · esm-dev/esm.sh

github.com/esm-dev/esm.sh/releases/tag/v116

cdn JavaScript ReleaseNote

esm.sh 116 출시.
esm.sh/gh/OWNER/REPO/PATH에서 GitHub 레포지토리 파일을 읽을 수 있도록


Node v20.0.0 (Current) | Node.js

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

node.js ReleaseNote

Node.js v20.0.0 출시.
실험적으로 Permission Model 추가, ESM Loader Hooks를 다른 스레드에서 실행할 수 있도록, import.meta.resolve() 동기 처리로 변경.
V8 11.3으로 업데이트, Test Runnner를 Stable로 변경, Single executable apps 개선, Web Crypto API 호환성개선 등


Announcing TypeScript 5.1 Beta - TypeScript

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

TypeScript ReleaseNote

TypeScript 5.1 Beta 출시.
undefinedreturn하는 함수 자료형 다루기 개선, getter와 setter 간에 각각 다른 자료형 지정 가능하도록, JSX 개선.
Node.js 14.17 미만 지원 종료, typeRoots node_modules/@types 상향 이동 비활성화 등


읽을거리


The Performance Golden Rule Revisited - Web Performance Consulting | TimKadlec.com

timkadlec.com/remembers/2023-04-10-the-golden-rule-revisited/

article performance

엔드유저 응답시간은 80 ~ 90% 프론트엔드에서 소비된다

웹사이트 성능 황금룰을 현재 웹사이트 대상으로 재조사한 글


Trying Node.js Test Runner | Better world by better software

glebbahmutov.com/blog/trying-node-test-runner/

node.js article testing

Node.js node:test 모듈을 사용한 테스트와 node --test에서 실행에 대해


새로운 Next.js 입문 ─ App Directory를 Web 개발 핸즈온으로 이해해보자 - 엔지니어Hub|Web엔지니어 커리어를 생각한다!

eh-career.com/engineerhub/entry/2023/04/18/093000

Next.js tutorial article

Next.js app directory를 사용한 애플리케이션 개발 튜토리얼


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


yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀

github.com/yoavbls/pretty-ts-errors

TypeScript VSCode Extension

TypeScript 자료형 에러를 보기 편하게 하는 VSCode 확장


HeyPuter/kv.js: Advanced in-memory caching module for JavaScript. For when you need caching but running Redis or Memcached would be an overkill.

github.com/HeyPuter/kv.js

JavaScript library

Redis이나 Memcached와 닮은 커맨드(함수)를 갖는 In-Memory한 KVS라이브러리


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