JSer.info #695 - Vitest v2.0.0-beta.5 출시되었어요.
--merge-reports가 커버리지 지원, Promise 기반 mock에 Assertion 추가, 브라우저 모드 개선도 있어요.
Vitest의 Browser Mode는, jsdom나 happy-dom를 갈아끼우는 형태로, 컴포넌트 테스트를 위한 구조에요.
개발중인 Vitest 2.0에는 Commands API와 module mocking가 추가되어요.
다음 Issue에, Vitest의 Browser Mode 목적이나 방향성에 대한 설명이 있어요.
RsPack v0.7 출시되었어요.
Lazy Compilation 지원, CSS 빌드 성능 개선이 있어요.
Unstable한 JavaScript API 비권장화, @import는 다른 규칙보다 앞에 있도록 변경되었어요.
또한, Rspack v1.0 로드맵도 공개되어, 2024년 7월에 v1.0가 출시될 예정이에요.
- [Tracking]: Rspack v1.0 · Issue #6689 · web-infra-dev/rspack
- Rspack v1.0 Release Plan · web-infra-dev/rspack · Discussion #6315
ESLint 9의 Flat Config으로 마이그레이션하기 위한 ESLint Configuration Migrator가 공개되었어요.
.eslintrc.json 등 에서, eslint.config.js 으로 이행하기 위한 보조 도구에요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Release v2.0.0-beta.5 · vitest-dev/vitest
github.com/vitest-dev/vitest/releases/tag/v2.0.0-beta.5
vitest v2.0.0-beta.5 출시.
--merge-reports가 커버리지 지원, Promise 기반 mock에 Assertion 추가, 브라우저 모드 개선
Prettier 3.3: New Flow features and a lot of bug fixes · Prettier
prettier.io/blog/2024/06/01/3.3.0.html
Prettier 3.3 출시.
Flow에 추가된 declare name/component 구문 지원, gql template literal 내 GraphQL 지원, pnpm의 package.yaml 지원
Release v4.4.0 · honojs/hono
github.com/honojs/hono/releases/tag/v4.4.0
Hono v4.4.0 출시.
JSR에 패키지 공개할 수 있음, getConnInfo 추가, timeout middleware 추가
Announcing Rspack v0.7 - Rspack
www.rspack.dev/blog/announcing-0-7
Rspack v0.7 출시.
Lazy Compilation 지원, CSS 빌드 성능 개선.
Unstable한 JavaScript API 비권장화, @import은 다른 규칙보다 앞에 있는가 체크.
Deno 1.44: Private npm registries, improved Node.js compat, and performance boosts
Deno v1.44 출시.
.npmrc 사용한 private npm registry 지원, gRPC 접속 지원, V8 포인터 압축으로 인한 메모리 사용량 절감.
Deno.exitCode Stable화, Response.prototype.bytes() 지원
읽을거리
Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter
eslint.org/blog/2024/05/eslint-configuration-migrator/
ESLint 9에서 FlatConfig으로 이행하기 위한 이행도구 공개
Live types in a TypeScript monorepo
colinhacks.com/essays/live-types-typescript-monorepo
monorepo내에 패키지로 나눠진 TypeScript 코드를 빌드없이 참조하는 방법에 대해.
exports와 tsconfig-paths 사용한 방법, publishConfig와 조합함으로 npm registry에도 pubilsh 가능한 수법에 대해서도 다룸
How 1Password Used Esbuild to Cut Browser Extension Build Times | 1Password
blog.1password.com/new-extension-build-system/
esbuild의 bundle과 tsc 사용한 타입 체크를 병렬로 실행하는 패턴, esbuild의 Metafile 사용한 bundle size 분석 방법에 대해
도서
디지털청 디자인시스템 β판
디지털청 디자인 시스템.
디자인, 컴포넌트, 가이드라인, 접근성 모음
테스트 자동화 실전 가이드 지속적으로 Web 애플리케이션 개선하기 위한 지식과 방법 | 스에무라 타쿠야 | 책 | 통판 | Amazon
www.amazon.co.jp/dp/4798172359/
2024년 7월 30일 발매
CodeceptJS와 Playwright 사용한 E2E 테스트에 대한 도서
React 19 신기능 둘러보기
zenn.dev/uhyo/books/react-19-new
React 19 변경점 정리한 도서.
Action와 useTransition, useActionState, useOptimistic, use 등 Hooks에 대하여.
또한, <title> 등에도 대응, refCallback, Context나 ref 변경, onCaughtError 옵션에 대해서도 다룸
