Fork me on GitHub

2025-03-06: TypeScript 5.8(erasableSyntaxOnly), Next.js 15.2, Lynx

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #727 - TypeScript 5.8 출시되었습니다.

TypeScript 5.8에서는, conditional return type 개선, require(esm) 대응, --module node18 추가되었습니다
또한, Node.js의 --experimental-strip-types와 설정을 조합할 수 있는 --erasableSyntaxOnly 플래그 추가, --libReplacement 플래그 추가도 있습니다.

erasableSyntaxOnly 옵션은, 다음 기능 금지하면 자료형 제거만으로도, JavaScript로 실행 가능한 TypeScript 코드 작성할 수 있는 설정입니다.

  • enum declarations
  • namespaces and modules with runtime code
  • parameter properties in classes
  • Non-ECMAScript import = and export = assignments

Node.js의 Type Stripping 관련해서는, 다음 글 참조 부탁드립니다.


Next.js 15.2 출시되었습니다.

Error Overlay 스택트레이스 게시 개선, Dev indicator 개선, generateMetadata 처리를 비동기 대응, Turbopack 성능 개선이 있습니다.
또한, 실험적 기능으로 View Transition API 대응, Node.js middleware 지원도 추가되었습니다.


Lynx React/CSS/TypeScript 사용한 네이티브 애플리케이션 개발 툴킷을 ByteDance가 공개했습니다.

Lynx는 React 17의 API와 QuickJS 기반한 PrimJS JavaScript 엔진을 사용합니다.

출시 글에는, Instant First-Frame Rendering (IFR)나 Main Thread Script에 관련한 렌더링 최적화에 대해 다루고 있습니다.


To support JSer.info


헤드라인


ArkType Docs: Optimized runtime validation for TypeScript syntax

arktype.io/docs/blog/2.1

TypeScript library ReleaseNote

ArkType 2.1 출시.
패턴 매치 하는 match API 추가, configure으로 키워드에 에러 메세지를 커스터마이즈 가능하도록 함


Release 0.11.0 | StyleX

stylexjs.com/blog/v0.11.0

React css library ReleaseNote

StyleX v0.11.0 출시.
디버그 정보 개선, CLI 캐시 개선


Announcing TypeScript 5.8 - TypeScript

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

TypeScript ReleaseNote

TypeScript 5.8 출시.
conditional return type 개선, require(esm) 대응, --module node18 추가. Node.js --experimental-strip-types 같이 설정하는 --erasableSyntaxOnly 플래그 추가, --libReplacement 플래그 추가


Release 3.41.0 - 2025.03.01 · zloirock/core-js

github.com/zloirock/core-js/releases/tag/v3.41.0

JavaScript polyfill ReleaseNote

core-js v3.41.0 출시.
Stage 4가 된 RegExp.escape/Float16, Stage 1 Math.clamp 대응


Next.js 15.2 | Next.js

nextjs.org/blog/next-15-2

Next.js ReleaseNote

Next.js 15.2 출시.
Error Overlay 스택트레이스 게시 개선, Dev indicator 개선, generateMetadata 처리를 비동기 대응, Turbopack 성능 개선.
실험적 기능으로 View Transition API 대응, Node.js middleware 지원


Re.Pack 5: Mobile Microfrontends, 5x Faster, Less Configuration - Re.Pack

re-pack.dev/blog/repack-5-release

React Native bundler ReleaseNote

React Native 대상 빌드 도구 Re.Pack 5 출시.
webpack 대신 Rspack 이용, Module Federation 대응


Release pnpm 10.5 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v10.5.0

pnpm ReleaseNote

pnpm v10.5.0 출시.
package.json에 분산된 pnpm.* 설정을 pnpm-workspace.yaml에 얹도록 변경


Chrome 134  |  Release notes  |  Chrome for Developers

developer.chrome.com/release-notes/134

Chrome ReleaseNote

Chrome 134 출시.
<select> 커스터마이즈 지원, <dialog>closedby 속성 지원, Document-Policy에 expect-no-linked-resources 추가.
Shared Storage에서 Web Locks API 지원, Canvas에서 imageSmoothingQuality 옵션 지원.
getUserMedia 비표준 API 삭제


Lynx

lynxjs.org/

React Native iOS Android

React 17 기반 API와 JavaScript/TypeScript/CSS 사용한 네이티브 애플리케이션 개발 가능한 툴킷.


Release v8.26.0 · typescript-eslint/typescript-eslint

github.com/typescript-eslint/typescript-eslint/releases/tag/v8.26.0

TypeScript ESLint ReleaseNote

typescript-eslint v8.26.0 출시.
TypeScript 5.8 지원


읽을거리


What is TypeScript? An overview for JavaScript programmers

2ality.com/2025/02/what-is-typescript.html

TypeScript article

TypeScript가 무엇인가 알려주는 개요적 글.
TypeScript는 JavaScript에 자료형 구문을 더한 것이라는 점, TypeScript 빌드, type stripping 등의 tsc 외 컴파일 관련하여


Migrating 160,000 Lines of Production Banking JavaScript to TypeScript with Zero Downtime - Ben Howdle - Software Consultant & Advisor

benhowdle.im/migrating-js-to-ts-zero-downtime.html

JavaScript TypeScript article

JavaScript에서 TypeScript으로 이행.
이행 브런치를 사용해 이행 접근


Temporal로 변경될 JavaScript 시간 조작[JS Modern Features no.1] | gihyo.jp

gihyo.jp/article/2025/02/ride-modern-frontend-07

JavaScript ECMAScript article

ECMAScript Proposal Stage 3 Temporal 관련해서


Lynx: Unlock Native for More - Lynx

lynxjs.org/blog/lynx-unlock-native-for-more.html

React Native article

React 기반 API와 CSS 사용한 네이티브 애플리케이션 개발이 가능한 Lynx.
Instant First-Frame Rendering (IFR)나 Main Thread Script 관련해서


oxlint으로 eslint 고속화시키기

zenn.dev/hiruno_tarte/articles/how-to-use-oxlint

ESLint article

oxlint와 ESLint 조합해서 이용하는 설정.
oxlint와 ESLint 겹친 내용을 oxlint으로 옮겨서, ESLint 플러그인만 체크하는 설정임


웹사이트, 서비스, 문서


lynx-family/primjs: JavaScript Engine Optimized for Lynx

github.com/lynx-family/primjs

JavaScript Native Tools library

Lynx에 사용되는 JavaScript 엔진.
QuickJS 기반, GC 구현이나 Chrome DevTools Protocol (CDP) 구현도 추가되어 있음


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