JSer.info #685 - Storybook 8.0가 출시되었어요.

파괴적 변경으로 storiesOf API 삭제, *.stories.mdx 삭제, StoryShots addon 삭제, Yarn v1 지원 종료가 있어요.
상세한 이행 가이드는 참조해주세요.

Migration guide for Storybook 8.0 • Storybook docs

추가 기능으로, Chromatic와 연계 기능 구현, MSW 사용한 React Server Component(RSC) 지원.
그 외로는, SWC 사용함에 따라 빌드 성능 개선, react-docgen가 기본값이 되도록 변경, react를 peerDependencies에서 제외 변경이 있어요.

Nuxt 3.11가 출시되었어요.

Nuxt 3.11 · Nuxt Blog

로그 표시 개선, usePreviewMode 추가, appMiddleware 추가가 있었어요.
또한, 서버 전용 .server.vue와 클라이언트 전용 .client.vue 파일명 정의 지원이 있어요.

다음 글에서는, Vitest 사용한 Cloudflare Workers 테스트에 대해 소개해요.

Vitest는 테스트 분리한 Worker에서 실행 가능합니다만, Custom Pool 사용하면 테스트 실행 환경을 독자적 정의가 가능해졌어요.
@cloudflare/vitest-pool-workers에는, Miniflare에서 테스트 코드 실행 가능한 Custom Pool이 구현되었어요.
이에 따라, 로컬에서도 Cloudflre Workers 테스트가 가능해졌으므로 이를 소개하고 있어요.

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 5.11.0 · prisma/prisma

github.com/prisma/prisma/releases/tag/5.11.0

prisma ReleaseNote

Prisma 5.11.0 출시.
Cloudflare Workers(Vercel Edge)에서 Edge function 프리뷰 지원.

Prisma ORM support for Edge functions is now in Preview

Storybook 8

storybook.js.org/blog/storybook-8/

storybook JavaScript Design debug ReleaseNote

Storybook 8 출시.
파괴적 변경으로, storiesOf API 삭제, *.stories.mdx 삭제, StoryShots addon 삭제, Yarn v1 지원 종료.
추가 기능으로, Chromatic와 연계 기능 구현, MSW 사용한 React Server Component(RSC) 지원.
그 외로는, SWC 사용한 빌드 성능 개선, react-docgen가 기본값으로 변경 변경, react를 peerDependencies에서 제외

Bun v1.0.31 | Bun Blog

bun.sh/blog/bun-v1.0.31

Bun ReleaseNote

Bun v1.0.31 출시.
bun --print 추가, Stdin에서 코드 실행 가능하도록, bun add --trust <pkg> 추가, bun pm trust/bun pm untrusted 추가.
fetch()에 unix 옵션 추가해 Unix Sockets 지원.
Node.js 21.7.0에 추가된 util.styleText 지원

Node.js — Node v21.7.0 (Current)

Nuxt 3.11 · Nuxt Blog

nuxt.com/blog/v3-11

Vue library ReleaseNote

Nuxt v3.11 출시.
로그 표시 개선, usePreviewMode 추가, appMiddleware 추가.
서버 전용 .server.vue, 클라이언트 전용 .client.vue 지원

Elysia 1.0 - Lament of the Fallen | ElysiaJS

elysiajs.com/blog/elysia-10

Bun server ReleaseNote

Bun 대상 HTTP 서버 프레임워크 Elysia 1.0 출시.
기동 시간 개선, Type Check 성능 개선, onBeforeHandle같은 곳에서 as 옵션 추가

읽을거리

Server Actions 시대에서 form 라이브러리 conform

zenn.dev/akfm/articles/server-actions-with-conform

Next.js React article

Server Actions 대응한 폼 라이브러리 Conform에 관련하여

Conform / Overview

Improved Cloudflare Workers testing via Vitest and workerd

blog.cloudflare.com/workers-vitest-integration/

cloudflare vite test article

Vitest에서 Cloudflare Workers 테스트하는 방법에 대하여.
@cloudflare/vitest-pool-workers 사용함에 따라, Worker에 Unit Test를 가능하게 하는 구조에 대해.
Vitest Custom Pool 사용함에 따라, 테스트를 workerd 프로세스 내에서 실행.