Skip to content

translate: 2026-09-29 article #1397

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
azu merged 1 commit into from
Oct 10, 2026
+241 −0
Merged

translate: 2026-09-29 article #1397

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
241 changes: 241 additions & 0 deletions _i18n/ko/_posts/2026/2026-09-29-react-19.3-pnpmpythoncargo-vite-1.0.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,241 @@
---
title: "2026-09-29: React 19.3, pnpm의 Python/Cargo 대응, Vite+ 1.0"
author: "azu"
translator: rewrite0w0
layout: post
date: 2026-09-28T15:43:57.302Z
category: JSer
tags:
- React
- pnpm
- vite
- Tools

---

JSer.info #780 - React 19.3가 출시되었다.

- [React 19.3 – React](https://react.dev/blog/2026/09/09/react-19-3)

`<ViewTransition>`와 Fragment Refs가 Stable이 되었다.
`react-dom`에, `use(browser())`으로 컴포넌트를 브라우저에서만 렌더링하기 위한 `browser()`가 추가되어, Trusted Types API에 대응했다.
Server Components으로 `<Context>`를 직접 렌더링할 수 있게되어, `onFullscreenChange`/`maskType` 지원이 추가되었다.

---

pnpm 12.4, 12.6가 출시되었다.

- [pnpm 12.4 | pnpm](https://pnpm.io/blog/releases/12.4)
- [pnpm 12.6 | pnpm](https://pnpm.io/blog/releases/12.6)

pnpm 12.4에는, `python.enabled`/`cargo.enabled`로 Python/Cargo 의존 관계 관리에 대응했다.
Cargo 대응 배경에는, Rust로 작성된 pnpm 자체 의존관계를 pnpm로 해결하고 싶은 [개발자의 의도](https://github.com/orgs/pnpm/discussions/14721)가 있다.
또한, `pnpm pipeline`, `trustPolicyExcludePrune`, `pnpm change check`가 추가되었다.

pnpm 12.6에는, `autoDedupe`에 의한 의존 관계 중복 제거, `pnpm add --save-types`, Catalogs에서의 `file:`/`link:` 지원이 추가되었다.
그 외로, `pnpm tasks status`, `pnpm cache prune --dry-run`가 추가되었다.

---

Vite+ 1.0가 출시되었다.

- [Announcing Vite+ 1.0 | VoidZero](https://voidzero.dev/posts/announcing-vite-plus-1-0)

Beta부터는, GitLab CI/CD 대상 `setup-vp`, Homebrew와 Docker 이미지, `vp hooks`/`vp staged`가 추가되었다.
`vp test`와 `vite-plus/test*`가 Vitest 5.0.1으로 이행하여, CLI의 Node.js 지원 범위가 변경되었다.
`oxlint`/`oxfmt` 실행 파일 래퍼가 삭제되어, `vp lint --lsp`/`vp fmt --lsp`를 사용하는 형태로 변경되었다.
그리고, `vp migrate`에 의한 Vitest 5으로 이행, npm provenance 검증, `vp add --offline`/`--frozen-lockfile` 지원이 추가되었다.

----

<h1 class="site-genre">헤드라인</h1>

----

## React 19.3 – React
[react.dev/blog/2026/09/09/react-19-3](https://react.dev/blog/2026/09/09/react-19-3 "React 19.3 – React")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p>

React 19.3 출시.
`<ViewTransition>`와 Fragment Refs가 Stable화, `browser()`와 Trusted Types 지원를 추가.
`react-dom`에 `use(browser())`로 컴포넌트를 브라우저만 렌더링 하기 위한 `browser()` 추가, Trusted Types API 지원.
Server Components로 `<Context>`를 직접 렌더링하도록 변경, `onFullscreenChange`/`maskType` 지원.

- [react/CHANGELOG.md at main · react/react](https://github.com/react/react/blob/main/CHANGELOG.md#1930-september-9-2026 "react/CHANGELOG.md at main · react/react")

----

## pnpm 12.4 | pnpm
[pnpm.io/blog/releases/12.4](https://pnpm.io/blog/releases/12.4 "pnpm 12.4 | pnpm")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>

pnpm 12.4 출시.
`python.enabled`/`cargo.enabled`에 의한 Python/Cargo 의존 관계 관리를 추가(pnpm 자체가 Rust로 작성되었기에).
`pnpm pipeline`, `trustPolicyExcludePrune`, `pnpm change check` 추가.

- [RFC: Cargo ecosystem — pnpm for Rust crates, pnpr as a crate registry by zkochan · Pull Request #34 · pnpm/rfcs](https://github.com/pnpm/rfcs/pull/34 "RFC: Cargo ecosystem — pnpm for Rust crates, pnpr as a crate registry by zkochan · Pull Request #34 · pnpm/rfcs")
- [Track multi-ecosystem install architecture hardening · Issue #14566 · pnpm/pnpm](https://github.com/pnpm/pnpm/issues/14566 "Track multi-ecosystem install architecture hardening · Issue #14566 · pnpm/pnpm")

----

## Zod 4.6
[zod.dev/blog/zod-4-6](https://zod.dev/blog/zod-4-6 "Zod 4.6")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Zod 4.6 출시.
`.validate()`/`.validateAsync()` 추가, `z.instanceof().properties()` 추가.
`z.fromJSONSchema()`로 `minProperties`/`uniqueItems`의 JSON Schema 키워드에 대응.
`z.iban()`, `z.withParser()` 추가, CommonJS에서 `require("zod")` 경유 호출 개선


----

## Webpack 5.111 | webpack
[webpack.js.org/blog/2026-09-14-webpack-5-111/](https://webpack.js.org/blog/2026-09-14-webpack-5-111/ "Webpack 5.111 | webpack")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p>

webpack 5.111 출시.
ESM 출력이 Stable이 되어 `experiments.outputModule`없이 `output.module`를 이용 가능하도록.
`output.copy`, 브라우저 타겟에 맞춰 CSS 최소화 설정하는 `lowerUnsupported`/`colorFallbacks` 추가.
`acorn`/`neo-async` 의존을 삭제.


----

## Release v3.0.0 · pmndrs/jotai
[github.com/pmndrs/jotai/releases/tag/v3.0.0](https://github.com/pmndrs/jotai/releases/tag/v3.0.0 "Release v3.0.0 · pmndrs/jotai")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Jotai v3.0.0 출시.
React 18/TypeScript 5.5/Node.js 22.12.0 이상이 필수가 되어, CJS/UMD/SystemJS 빌드를 삭제.
`atomFamily`/`loadable`/`jotai/babel`/`setSelf`/`delay` 옵션을 삭제.
`useAtomValueRaw`와 `useAtomValueRawSync` 추가

- [jotai/docs/guides/migrating-to-v3.mdx at main · pmndrs/jotai](https://github.com/pmndrs/jotai/blob/main/docs/guides/migrating-to-v3.mdx "jotai/docs/guides/migrating-to-v3.mdx at main · pmndrs/jotai")

----

## What&#039;s New in Apollo Client 4.3 - Apollo GraphQL Blog
[www.apollographql.com/blog/whats-new-in-apollo-client-4-3](https://www.apollographql.com/blog/whats-new-in-apollo-client-4-3 "What&#039;s New in Apollo Client 4.3 - Apollo GraphQL Blog")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">GraphQL</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>

Apollo Client 4.3 출시.
`Scalar`에 의한 Custom Scalars 시리얼라이즈/디시리얼라이즈, `TypeOverrides`에 의해 Cache 자료형 덮어쓰기 대응.
`@defer`/`@stream`의 Incremental Data 자료형 개선, `useSubscription`에서의 `skipToken` 지원


----

## pnpm 12.6 | pnpm
[pnpm.io/blog/releases/12.6](https://pnpm.io/blog/releases/12.6 "pnpm 12.6 | pnpm")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>

pnpm 12.6 출시.
`autoDedupe`에 의한 의존 관계 중복 제거,
`pnpm add --save-types`, Catalogs에서의 `file:`/`link:` 지원.
`pnpm tasks status` 추가, `pnpm cache prune --dry-run` 추가.


----

## WebKit Features for Safari 27.0 | WebKit
[webkit.org/blog/18325/webkit-features-for-safari-27-0/](https://webkit.org/blog/18325/webkit-features-for-safari-27-0/ "WebKit Features for Safari 27.0 | WebKit")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">browser</span> <span class="jser-tag">WebAssembly</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">css</span> <span class="jser-tag">ReleaseNote</span></p>

Safari 27.0의 WebKit 변경점에 대해.
Safari MCP, `<select>` 커스터마이즈, `<model>` 요소 지원, `<img sizes="auto">` 지원.
WebAssembly JSPI, Service Worker Static Routing API, WebGPU의 `clip_distances` 지원.
JavaScript의 ESM Loader를 ECMAScript 사양에 C++으로 재구현, Top-Level Await 동작을 수정.


----

## Announcing Vite+ 1.0 | VoidZero
[voidzero.dev/posts/announcing-vite-plus-1-0](https://voidzero.dev/posts/announcing-vite-plus-1-0 "Announcing Vite+ 1.0 | VoidZero")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">Tools</span> <span class="jser-tag">CLI</span> <span class="jser-tag">ReleaseNote</span></p>

Vite+ 1.0 출시.
Beta부터는 GitLab CI/CD 대상 `setup-vp`, Homebrew와 Docker 이미지, `vp hooks`/`vp staged` 추가.
`vp test`와 `vite-plus/test*`가 Vitest 5.0.1으로 이행, CLI의 Node.js 지원 범위를 변경.
`oxlint`/`oxfmt` 실행 파일 래퍼를 삭제, `vp lint --lsp`/`vp fmt --lsp`를 사용하는 형태로 변경.
`vp migrate`에 의한 Vitest 5 이행, npm provenance 검증, `vp add --offline`/`--frozen-lockfile` 지원.

- [Release vite-plus v1.0.0: Vite+ 1.0 is stable · voidzero-dev/vite-plus](https://github.com/voidzero-dev/vite-plus/releases/tag/v1.0.0 "Release vite-plus v1.0.0: Vite+ 1.0 is stable · voidzero-dev/vite-plus")

----
<h1 class="site-genre">읽을거리</h1>

----

## AI coding has made CI a bottleneck, so we reworked ours to keep up
[linear.app/now/ci-bottleneck-reworked](https://linear.app/now/ci-bottleneck-reworked "AI coding has made CI a bottleneck, so we reworked ours to keep up")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">CI</span> <span class="jser-tag">testing</span> <span class="jser-tag">article</span> <span class="jser-tag">TypeScript</span></p>

Linear에서 CI 개선으로, `tsgo`으로 이행, ESLint 규칙을 정보에 의존하지 않도록 변경.
또한, 서드파티 런너와 `actions/checkout` 조절, pnpm 의존 설치 범위의 한정, Vitest의 shard 분할이나 `isolate: false` 도입에 대하여


----
<h1 class="site-genre">슬라이드, 영상</h1>

----

## 프론트엔드 컨퍼런스 후쿠오카 2026 공개 자료・X 계정 링크 모음
[zenn.dev/h\_yoshikawa0724/articles/2026-09-13-frontend-conf-fukuoka-2026](https://zenn.dev/h_yoshikawa0724/articles/2026-09-13-frontend-conf-fukuoka-2026 "프론트엔드 컨퍼런스 후쿠오카 2026 공개 자료・X 계정 링크 모음")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">web</span> <span class="jser-tag">Conference</span> <span class="jser-tag">slide</span></p>

프론트엔드 컨퍼런스 후쿠오카 2026 슬라이드 모음.

- [FEC Fukuoka 2026 | FEC Fukuoka](https://frontend-conf.fukuoka.jp/2026 "FEC Fukuoka 2026 | FEC Fukuoka")

----
<h1 class="site-genre">웹사이트, 서비스, 문서</h1>

----

## fallow-rs/fallow: Codebase intelligence for TypeScript and JavaScript. Free static analysis of code and styles: unused code, duplication, circular deps, complexity hotspots, architecture boundaries, design-system drift. Optional paid runtime layer (Fallow Runtime): hot-path review and cold-path deletion evidence from real production traffic.
[github.com/fallow-rs/fallow](https://github.com/fallow-rs/fallow "fallow-rs/fallow: Codebase intelligence for TypeScript and JavaScript. Free static analysis of code and styles: unused code, duplication, circular deps, complexity hotspots, architecture boundaries, design-system drift. Optional paid runtime layer (Fallow Runtime): hot-path review and cold-path deletion evidence from real production traffic.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">lint</span></p>

TypeScript/JavaScript 대상 정적 해석 도구.
미사용코드, 순환 의존, 중복 코드, 복잡도, 아키텍쳐 경계 위반, CSS 스타일 차분 검출.
`fallow audit`으로 변경 파일에 대해 PR게이트를 실행하여, `--format json`으로 JSON 출력에 대응.


----

## lovablelabs/oj: An experimental Rust-native build tool for React apps.
[github.com/lovablelabs/oj](https://github.com/lovablelabs/oj "lovablelabs/oj: An experimental Rust-native build tool for React apps.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Rust</span> <span class="jser-tag">React</span> <span class="jser-tag">Tools</span> <span class="jser-tag">vite</span></p>

React 애플리케이션 대상 Rust제 빌드 도구.
V8를 담은 단일 실행 바이너리로 동작한다.
Vite/Rollup 호환 플러그인, SSR, TanStack Start 대응, `oj dev`와 `oj build`로 개발 서저와 빌드를 실행 가능.

- [Faster previews, soon powered by OJ | Lovable](https://lovable.dev/blog/faster-previews-oj "Faster previews, soon powered by OJ | Lovable")

----
<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>

----

## shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.
[github.com/shadcn-ui/lint](https://github.com/shadcn-ui/lint "shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">css</span> <span class="jser-tag">ESLint</span> <span class="jser-tag">Tools</span></p>

Tailwind 디자인 시스템 대상 Lint 도구.
ESLint/Oxlint 대상으로 제공, Tailwind v4 프로젝트로 이용 가능.
`no-restyle`/`no-raw-colors`/`no-arbitrary-values` 규칙으로, 컴포넌트째 className 이용을 제한 가능.


----

## unjs/upm: 📦 A fast, tiny package manager for the npm registry, written in TypeScript.
[github.com/unjs/upm](https://github.com/unjs/upm "unjs/upm: 📦 A fast, tiny package manager for the npm registry, written in TypeScript.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">npm</span> <span class="jser-tag">Tools</span></p>

TypeScript로 작성된 npm 레지스트리 대상 패키지 매니저.
패키지 크기가 적으며, 프로그램에서 실행 가능한 API를 가지고 있음


----
Loading