Fork me on GitHub

2023-09-22: Remix v2, Safari 17, TypeScript 다큐멘터리

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #661 - Remix v2가 출시되었습니다.

React 17 지원 종료, Node.js 14/16 지원 종료되었습니다.

옵션이나 기본 동작 변경도 있으며,
V1에서 이행은 v2_* 플러그 사용함으로 기능을 하나씩 유효화하며 이행 가능합니다.

라우팅 디렉토리 구조 기본이 Flat Routes으로 되었습니다.

2.0.0에는 v2_* 플러그 삭제, remix.config.js 설정 커맨드 변경이 있습니다.


Safari 17.0가 출시 되었습니다.

상당히 많은 변화가 있습니다.

  • HTML, <search> 요소 대응, popover 대응
  • CSS, font-size-adjust, text-transform, @counter-style, image-set() 대응
  • JavaScript, Storage API, 정규표현 v 플러그(ES2024), Stage 3의 Set Operations 대응
  • 이미지, JPEG XL/HEIC/AV1 코덱 지원

또한, 실험적인 플러그 관리 방법이나 개발자 도구 변경도 있습니다.


TypeScript Origins: The Documentary - YouTube TypeScript가 어떻게 만들어 졌는데 다큐멘터리가 공개되었습니다.

오픈소스, 다른 도구나 라이브러리를 위한 접근, TypeScript가 어떻게 퍼져가는가를 보여줍니다.


To support JSer.info


헤드라인


Bun v1.0.2 | Bun Blog

bun.sh/blog/bun-v1.0.2

Bun ReleaseNote

Bun v1.0.2 출시.
bunx <pkg>@latest 최신 패키지 받을 수 없는 버그 수정, bun --watch 성능 개선.
Date 경로에 V8 구현, URL.canParse/URLSearchParams.prototype.size 구현.


Release v2.0.0 · remix-run/remix

github.com/remix-run/remix/releases/tag/remix%402.0.0

Remix ReleaseNote

Remix 2.0.0 출시.
React 17 지원 종료, Node.js 14/16 지원 종료.
V1 이행은 v2_* 플러그로 하나씩 유효화 하면서 이행 가능.
2.0.0에는 wv2_*플러그 삭제, remix.config.js 설정이나 명령어 변경 포함.


Node v18.18.0 (LTS) | Node.js

nodejs.org/ja/blog/release/v18.18.0

nodejs ReleaseNote

Node.js v18.18.0 출시.
node --import 플러그 추가, node:fsnode:stream으로 Explicit Resource Management 지원


Node v20.7.0 (Current) | Node.js

nodejs.org/ja/blog/release/v20.7.0

nodejs ReleaseNote

Node.js v20.7.0 출시.
복수의 --env-file 지정 지원, npm 10.x으로 업데이트, process.sourceMapsEnabled API 추가


Next.js 13.5 | Next.js

nextjs.org/blog/next-13-5

Next.js ReleaseNote

Next.js 13.5 출시.
성능 개선, re-exports 하는 패키지 최적화 optimizePackageImports 옵션 추가.
실험적 기능으로, next/imageunstable_getImgProps 추가, next dev --experimental-https 추가.
또한, create-next-app가 Bun 지원


eslint-stylistic/eslint-stylistic: Monorepo for ESLint Stylistic plugins and configs

github.com/eslint-stylistic/eslint-stylistic

ESLint plugin

ESLint 스타일 규칙 관리하는 프로젝트


Ladle v3 | Ladle

ladle.dev/blog/ladle-v3

JavaScript testing Tools ReleaseNote

Storybook 대용 도구 Ladle v3 출시.
SWC 기본 Transpiler로 변경, Node.js 16 지원 종료, CSS in JS 라이브러리 추가 설정 없이 동작 가능


WebKit Features in Safari 17.0 | WebKit

webkit.org/blog/14445/webkit-features-in-safari-17-0/

safari ReleaseNote

Safari 17 출시.
HTML <search> 요소 대응, popover 속성 대응.
CSS, font-size-adjust, text-transform, @counter-style, image-set() 대응.
JavaScript, Storage API, 정규표현 v 플러그(ES2024), Stage 3의 Set Operations 대응.
이미지 JPEG XL/HEIC/AV1 코덱 지원.
실험적으로 플러그 관리 방법이나 개발자 도구 변경 포함


Deno 1.37: Modern JavaScript in Jupyter Notebooks

deno.com/blog/v1.37

denoe ReleaseNote

Deno v1.37 출시.
deno jupyter --unstable 추가, deno test--reporter=tap 레포터 추가, Node.js 호환성 개선.
Lockfile 형식을 version 3으로 업데이트, std/url 추가, std/ulid 추가


읽을거리


How to Find the Exact Line of an Infinite Loop Bug in the code | by Abdu Tawfik | Medium

abduvik.medium.com/how-to-find-infinite-loops-in-javascript-using-devtools-ea5fc84aec73

Chrome debug article

Chrome에서 무한 루프가 일어날 때 성능 프로파일을 얻는 방법에 대해.
무한 루프가 일어나면 Profile 자체도 완성되지 않기에, 기록을 시작하고 탭 프로세스를 강제적으로 정지하면 얻을 수 있는 방법에 대해서.
또한 동기적 무한 루프와 비동기 무한 루프에 대하여


From WebGL to WebGPU - Chrome for Developers

developer.chrome.com/en/blog/from-webgl-to-webgpu/

WebGL WebGPU article

WebGL와 WebGPU 차이에 대하여


Introducing runes

svelte.dev/blog/runes

Svelte article

Svelte 5는 $state/$derived/$effect runes 매크로 사용해 reactive하게 상태 관리 실현.
$: 라벨대문에 Reactive 애플리케이션이 복잡해지면 어떤 것이 Reactive 인가 파악하기 어려운 문제가 있었기 때문.


슬라이드, 영상


TypeScript Origins: The Documentary - YouTube

www.youtube.com/watch?v=U6s2pdxebSo

TypeScript video

TypeScript 다큐멘터리


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


nuejs/nuejs: Build user interfaces with 10x less code. Alternative to React, Vue, and Svelte

github.com/nuejs/nuejs/tree/master

JavaScript UI Tools library

적은 코드량으로 표현하는 것을 목표로 하는 Vue/Riot라이크 UI 프레임워크.


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