Fork me on GitHub

2024-11-26: Angular v19, Deno 2.1(LTS), React Router v7(from Remix)

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #716 - Angular v19가 출시되었습니다.

Developer preview로 새로운 Incremental Hydration 구조 추가, ServerRoute으로 렌더링 모드 지정 가능, HMR 지원이 추가 되었습니다.

Incremental Hydration은, @defer으로 Hydration를 지연 실행하며, Hydration 할 때까지는 @placeholder으로 플레이스 홀더 게시할 수 있습니다. Qwik의 Resumable와 거의 닮은 개념이지만, @defer는 Hydration하는 타이밍도 지정 가능합니다.

또한, Standalone component가 기본적으로 true로 변경, linkedSignal 추가, resource() API 추가되었습니다.


Deno v2.1가 출시되었습니다.

Deno 2.1는 LTS 출시로, 2025년 4월까지 지원될 예정입니다.

Deno LTS

.wasm 임포트 대응, deno init --npm 추가, deno outdated 추가, deno compile가 Assets 담길 수 있도록.
deno task으로 description 볼 수 있도록, task 간 의존 관계를 정의할 수 있도록 변경되었습니다.


React Router v7가 출시되었습니다.

React Router v7은, Remix v2 메이저 업데이트 버전이 되는 버전입니다.
이에, React Router v6와 Remix v2에서 업데이트 가이드도 공개되었습니다.


To support JSer.info


헤드라인


Bun v1.1.35 | Bun Blog

bun.sh/blog/bun-v1.1.35

Bun ReleaseNote

Bun v1.1.35 출시.
Musl과 Alpine Linux 네이티브 지원, bun test 결과를 JUnit XML 형식으로 출력 가능, Worker의 preload 지원


Meet Angular v19. In the past two years we doubled down… | by Minko Gechev | Nov, 2024 | Angular Blog

blog.angular.dev/meet-angular-v19-7b29dfd05b84

Angular ReleaseNote

Angular v19 출시.
Developer preview으로 새로운 Incremental Hydration 구조 추가, ServerRoute으로 렌더링 모드 지정 가능, HMR 지원.
Standalone component가 기본적으로 true로 변경, linkedSignal 추가, resource() API 추가


Node.js — Node v23.3.0 (Current)

nodejs.org/en/blog/release/v23.3.0

nodejs ReleaseNote

Node.js v23.3.0 출시.
util.getCallSite()가 Source Map 지원.
Node.js 관한 변경으로 SEMVER-MAJOR 커밋이 main 브런치에 들어갈 시에 규칙 엄격화


Deno 2.1: Wasm Imports and other enhancements

deno.com/blog/v2.1

dneo ReleaseNote

Deno v2.1 출시.
LTS가 출시로, 2025년 4월까지 지원됨.
.wasm 임포트 대응, deno init --npm 추가, deno outdated 추가, deno compile가 Assets 담을 수 있도록.
deno task로 description를 볼 수 있도록, task 간 의존관계를 정의 가능하도록


November 20, 2024 Release – React Spectrum Releases

react-spectrum.adobe.com/releases/2024-11-20.html

React UI library ReleaseNote

react-aria-components 1.5.0 출시.
ToggleButtonGroup 추가, MenuSection 째로 설정을 갖을 수 있도록, TypeScript 설정을 Strict으로 변경, Accordion과 Disclosure를 GA으로 변경


Node.js 22 runtime now available in AWS Lambda | AWS Compute Blog

aws.amazon.com/jp/blogs/compute/node-js-22-runtime-now-available-in-aws-lambda/

aws Lambda nodejs news

AWS Lambda에서 Node.js 22 지원


React Router v7 | Remix

remix.run/blog/react-router-v7

React Remix ReleaseNote

React Router v7 출시.
React Router v7은 Remix v2 메이저 업데이트 버전임.
React Router v6와 Remix v2에서 업데이트 가이드도 공개.


Announcing TypeScript 5.7 - TypeScript

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

TypeScript ReleaseNote

TypeScript 5.7 출시.
초기화되어 있지 않은 변수 체크, 상대 경로 .ts 출력 시에 .js으로 변환하는 --rewriteRelativeImportExtensions 플래그 추가.
--target es2024 지원, Node.js 22의 V8 Compile Cache 지원해서 실행 속도 개선


Release v1.49.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.49.0

playwright ReleaseNote

playwright v1.49.0 출시.
Aria Snapshot 추가, 오래된 헤드리스 모드(chromium-headless-shell)와 새로운 헤드리스 모드 모두 다운로드되도록 변경.
--only-shell 사용해서 오래된 헤드리스 모드만 다운로드 가능. 새로운 헤드리스 모드 전환은 channel: 'chromium'.


State of HTML 2024

2024.stateofhtml.com/en-US/

HTML Survey news

State of HTML 2024 결과 공개


읽을거리


접근성 트리 비교하는 Playwright의 Aria snapshots가 좋아보여

azukiazusa.dev/blog/playwright-aria-snapshot/

playwright article test accessibility

Playwright의 Aria snapshots에 대해


슬라이드, 영상


JSConf JP 2024 공개 자료・X 계정 링크 모음

zenn.dev/yumemi_inc/articles/2024-11-24-jsconf-jp-2024

JavaScript Conference slide

JSConf JP 2024 슬라이드 모음


웹사이트, 서비스, 문서


React Scan

react-scan.million.dev/

React performance tool

태그를 넣어서 React 애플리케이션 렌더링 프로파일을 얻거나, 어째서 렌더링되었는가 보거나, 렌더링 횟수 가시화하는 도구.
Million Lint가 개발하고 있음.


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


ysk8hori/typescript-graph: A CLI to visualize the dependencies between files in the TypeScript codebase.

github.com/ysk8hori/typescript-graph

TypeScript tool

TypeScript 코드 의존 관계를 Mermaid로 비주얼라이즈한 도구


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