Fork me on GitHub

2024-04-11: zx 8.0.0, ESLint 9.0.0, Flow `component` 구문

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #688 - zx 8.0.0가 출시되었어요.

패키지 크기 절감, $.sync 추가, input 옵션 추가, AbortController 지원, kill 메서드 추가가 있어요.
그 외로는, $.verbose 기본값 false로 변경, ssh API 삭제 변경도 있어요


ESLint 9.0.0가 출시되었어요.

Node.js 18.18 미만 지원 종료, Flat Config 기본값으로, 빌트인 formatter 일부를 패키지로 이동, JSDoc 규칙 삭제, eslint:recommendedd 업데이트가 있어요.
또한, 개발자 대상 변경으로 loadESLint() API 추가, RuleTester Validation 강화, 규칙 작성 방법 변경이 있어요.

다음 페이지에 이행 가이드가 공개중이에요.

또한 플러그인이나 typescript-eslint가 ESLint v9 지원하지 않는 점이 있어, 업데이트할 때는 주의가 필요해요.


New Flow Language Features for React | by Alex Taylor | Flow | Apr, 2024 | Medium에서는, Flow v0.233.0에 도입 된 component/hook/renders 구문이 소개되어 있어요.
일반적인 함수와 다른 구문을 사용함으로 Props의 read-only 체크, ref 체크, Hooks 체크할 수 있어요.
이에, 실수를 줄이고, 가독성도 향상 되어요.


To support JSer.info


헤드라인


Release 8.0.0 · google/zx

github.com/google/zx/releases/tag/8.0.0

JavaScript ShellScript library ReleaseNote

zx 8.0.0 출시.
패키지 크기 절감, $.sync 추가, input 옵션 추가, AbortController 지원, kill 메서드 추가.
$.verbose 기본값 false로 변경, ssh API 삭제


Announcing Rspack v0.6 - Rspack

www.rspack.dev/blog/announcing-0.6

JavaScript webpack ReleaseNote

Rspack 0.6 출시.
mini-css-extract-plugin 기능 내장, Tree Shaking 기본적으로 유효 상태.
CSS 순서가 복수 chunk로 모순될 경우 경고 보이도록


Node.js — Wednesday, April 10, 2024 Security Releases

nodejs.org/en/blog/vulnerability/april-2024-security-releases-2

nodejs windows security ReleaseNote

Node.js 보안 업데이트 v18.20.2 (LTS)/v20.12.2 (LTS)/v21.7.3 (Current) 출시.
Windows에서 child_process.spawn 명령 인젝션 취약성 수정


ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2024/04/eslint-v9.0.0-released/

ESLint ReleaseNote

ESLint v9.0.0 출시.
Node.js 18.18 미만 지원 종료, Flat Config 기본값으로, 빌트인으로 formatter 일부 패키지 이동, JSDoc 규칙 삭제.
eslint:recommended 업데이트, loadESLint() API 추가, RuleTester의 Validation 강화, 규칙 작성 방법 변경


읽을거리


New Flow Language Features for React | by Alex Taylor | Flow | Apr, 2024 | Medium

medium.com/flow-type/announcing-component-syntax-b6c5285660d0

flowtype React article

Flow v0.233.0에 도입된 component/hook/renders 구문에 대해.
일반적 함수와 다른 구문을 사용함으로 Props의 read-only 체크, ref 체크, Hooks 체크 가능


App Router 이행할 때 0.01% 확률로 CSR 전환이 404 에러가 됨 - 토로로콘블로그

oisham.hatenablog.com/entry/2024/04/04/105444

Next.js article

Next.js에서 App Router와 Pages Router가 공존하고 있을 때, 경로로 어떤 Router인가 판정하는 Bloom Filter를 이용중임.
이 판정은 확률적으로 판정 미스가 있으므로, 그 때는 하드 네비게이션하므로 문제가 일어나지 않음. 하지만, basePath 옵션 이용할 때에는 문제가 일어남.


Breaking Down Next.js 14 | FocusReactive

focusreactive.com/breaking-down-next-js-14/

Next.js article

Next.js 14의 App Router/Server Components/Data Fetching/Caching/Metadata/Dynamic Image Generation에 대하여.


History of JS interop in Dart. Support for Wasm just landed in the… | by Sigmund Cherem | Dart | Mar, 2024 | Medium

medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f

dart JavaScript article

Dart의 JavaScript와의 통합 운용 역사.
Dart 3.3에 추가된 dart:js_interop에 대하여


Learn JavaScript  |  web.dev

web.dev/learn/javascript

JavaScript tutorial

JavaScript 기초 학습 튜토리얼


Migrating 500+ tests from Mocha to Node.js | Astro

astro.build/blog/node-test-migration/

nodejs JavaScript testing article

Mocha/Chai에서 node:test/node:assert로 테스트 이행한 이야기


Optimizing WebKit & Safari for Speedometer 3.0 | WebKit

webkit.org/blog/15249/optimizing-webkit-safari-for-speedometer-3-0/

webkit safari performance article

WebKit에서 Speedometer 3.0 벤치마크에 맞춰 여러 최적화 한 이야기.


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


Home | Ark UI

ark-ui.com/

JavaScript UI library

React/Solid/Vue에서, Panda CSS/Tailwind/Vanilla CSS 대응한 Headless UI 컴포넌트 라이브러리


도서


The Framework Field Guide - Fundamentals | Unicorn Utterances

unicorn-utterances.com/collections/framework-field-guide-fundamentals

JavaScript React Angular Vue book

Angular/React/Vue를 한 번에 배우는 것을 목적으로 한 도서.


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