JSer.info #716 - Angular v19가 출시되었습니다.
- Meet Angular v19. In the past two years we doubled down… | by Minko Gechev | Nov, 2024 | Angular Blog
- Release v19.0.0 · angular/angular
- Angular v19 Developer Event - YouTube
Developer preview로 새로운 Incremental Hydration 구조 추가, ServerRoute으로 렌더링 모드 지정 가능, HMR 지원이 추가 되었습니다.
Incremental Hydration은, @defer
으로 Hydration를 지연 실행하며, Hydration 할 때까지는 @placeholder
으로 플레이스 홀더 게시할 수 있습니다. Qwik의 Resumable와 거의 닮은 개념이지만, @defer
는 Hydration하는 타이밍도 지정 가능합니다.
- Incremental Hydration • Angular
- [Complete] RFC: Incremental Hydration · angular/angular · Discussion #57664
또한, Standalone component가 기본적으로 true
로 변경, linkedSignal
추가, resource()
API 추가되었습니다.
Deno v2.1가 출시되었습니다.
Deno 2.1는 LTS 출시로, 2025년 4월까지 지원될 예정입니다.
.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
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Bun v1.1.35 | Bun Blog
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 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
Node.js v23.3.0 출시.
util.getCallSite()
가 Source Map 지원.
Node.js 관한 변경으로 SEMVER-MAJOR 커밋이 main 브런치에 들어갈 시에 규칙 엄격화
Deno 2.1: Wasm Imports and other enhancements
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-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에서 Node.js 22 지원
React Router v7 | Remix
remix.run/blog/react-router-v7
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 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 v1.49.0 출시.
Aria Snapshot 추가, 오래된 헤드리스 모드(chromium-headless-shell
)와 새로운 헤드리스 모드 모두 다운로드되도록 변경.
--only-shell
사용해서 오래된 헤드리스 모드만 다운로드 가능. 새로운 헤드리스 모드 전환은 channel: 'chromium'
.
- Changes in Chromium headless in Playwright v1.49 · Issue #33566 · microsoft/playwright
- Download old Headless Chrome as chrome-headless-shell | Blog | Chrome for Developers
State of HTML 2024
State of HTML 2024 결과 공개
읽을거리
접근성 트리 비교하는 Playwright의 Aria snapshots가 좋아보여
azukiazusa.dev/blog/playwright-aria-snapshot/
Playwright의 Aria snapshots에 대해
슬라이드, 영상
JSConf JP 2024 공개 자료・X 계정 링크 모음
zenn.dev/yumemi_inc/articles/2024-11-24-jsconf-jp-2024
JSConf JP 2024 슬라이드 모음
웹사이트, 서비스, 문서
React Scan
태그를 넣어서 React 애플리케이션 렌더링 프로파일을 얻거나, 어째서 렌더링되었는가 보거나, 렌더링 횟수 가시화하는 도구.
Million Lint가 개발하고 있음.
소프트웨어, 도구, 라이브러리
ysk8hori/typescript-graph: A CLI to visualize the dependencies between files in the TypeScript codebase.
github.com/ysk8hori/typescript-graph
TypeScript 코드 의존 관계를 Mermaid로 비주얼라이즈한 도구