JSer.info #672 - Redux Toolkit v2.0.0에 Redux 5.0.0가 출시되었어요.
Redux 5.0.0은 TypeScript으로 변경, CJS/ESM의 dual package으로 변경, ES2020 형식 출력하도록 변경.
또한, createStore 비권장으로, Redux Toolkit으로 이행 권장있어요.
동시에 출시된 Redux Toolkit v2.0.0에는, Redux v5/Reselect 5.0으로 업데이트, createReducer/createSlice의 extraReducers 객체 구문 지원 삭제가 있어요.
그 밖에는, middleware 옵션이 배열이 아닌 콜백 함수만 받도록 변경, 자료형 정의 변경이 있어요.
이행 가이드도 함꼐 공개되었어요.
Vite 사용한 테스트 프레임워크 Vitest 1.0.0가 출시되었어요.
Vite 5으로 업데이트되었기에, Node.js 16 지원 종료되었어요.
node:child_process 사용한 병렬실행 지원, pool와 poolOptions를 지원하며 관련해서 오래된 플래그 삭제 등의 변경이 있어요.
스냅샷 형식이나 옵션 변경 같이 파괴적 변경도 포함되어 있어서, 이행 가이드도 공개되었어요.
Astro 4.0가 출시되었어요.
DevToolbar 추가, i18n Routing 추가, View Transition API 지원 개선, Logging 개선이 포함되어 있어요.
또한, 실험적 기능으로 Incremental Content Caching가 추가되었어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Fresh 1.6: Tailwind CSS plugin, simplified typings and more
Fresh 1.6 출시.
Twind에서 Tailwind CSS으로 이행, fresh.gen.ts 자동생성 결과가 충돌되기 어려운 형식으로 변경, Plugin에서 islands 작성 가능.
라우팅에 URLPattern가 아니라 정규표현을 사용함으로 성능 개선, Context 자료형 정의를 정리 등 변경
- Release 1.6.0 · denoland/fresh
- Migrating to Tailwind | Fresh docs
- Poor URLPattern performance · Issue #19861 · denoland/deno
Release v5.0.0 · reduxjs/redux
github.com/reduxjs/redux/releases/tag/v5.0.0
Redux v5.0.0 출시.
TypeScript으로 다시 작성, CJS/ESM의 dual package으로 변경, ES2020 형식에 출력되도록 변경.
createStore 비권장, Redux Toolkit 이행 권장.
Release v2.0.0 · reduxjs/redux-toolkit
github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0
Redux Toolkit v2.0.0 출시.
Redux v5/Reselect 5.0으로 업데이트, createReducer/createSlice의 extraReducers 객체 구문 지원 삭제.
middleware 옵션이 배열이 아니라 콜백함수만 받도록 변경, 자료형 정의 변경.
combineSlices 추가, createDynamicMiddleware 추가, autoBatchEnhancer 기본적으로 유효화
Release v6.0.0 · avajs/ava
github.com/avajs/ava/releases/tag/v6.0.0
AVA v6.0.0 출시.
Npde.js 14/16 지원 종료, Watch 모드 개선, t.throws()에 any 옵션 추가
Release v1.0.0 · vitest-dev/vitest
github.com/vitest-dev/vitest/releases/tag/v1.0.0
vitest v1.0.0 출시.
node:child_process 사용한 병렬 실행 지원, pool와 poolOptions를 지원하고 오래된 플래그 삭제.
Snapshot 형식 지원, 커버리지 개선, --projet 옵션 추가
Astro 4.0 | Astro
Astro 4.0 출시.
DevToolbar 추가, i18n Routing 추가, View Transition API 지원 개선, Logging 개선.
실험적 기능으로 Incremental Content Caching 추가
Electron 28.0.0 | Electron
www.electronjs.org/blog/electron-28-0
Electron 28.0.0 출시.
Chromium 120.0.6099.56, Node.js 18.18.2으로 업데이트.
ECMAScript Modues 지원
Release v3.11.0 · honojs/hono
github.com/honojs/hono/releases/tag/v3.11.0
Hono v3.11.0 출시.
hono/jsx에 ErrorBoundary 추가, hono/dev에 라우팅 목록 출력하는 showRoutes 추가.
c.jsonT()를 Deprecated으로, c.json()가 RPC에서도 이용 가능.
Release v14.0.0 · sindresorhus/got
github.com/sindresorhus/got/releases/tag/v14.0.0
Got v14.0.0 출시.
Node.js 18 지원 종료.
읽을거리
Web Performance Calendar » Fastest Way of Passing State to JavaScript, Re-visited
calendar.perfplanet.com/2023/fastest-way-passing-state-javascript-revisited/
SSR 상태를 포함해서 전달할 때 성능 비교.
JS 출력하는 방법, Invalid한 Mime type 포함하는 방법, JSON 포함하는 방법에 대해
VueFes Japan 2023 이벤트 리포트 | gihyo.jp
gihyo.jp/article/2023/11/vuefes-japan-2023-report
VueFes Japan 2023 리포트
Ecosystem 2023 Recap | Electron
www.electronjs.org/blog/ecosystem-2023-eoy-recap
Electron 에코시스템 업데이트 소개.
Electron Forge, Auto updates 정적 스토리지 지원, @electron/windows-sign에 대해서
슬라이드, 영상
2020년에서 2023년까지 CSS 변화를 돌아보며 - yamaScrapbox
2020년 이후 구현된 CSS 기능 소개
소프트웨어, 도구, 라이브러리
unjs/unenv: 🕊️ Convert javaScript code to be runtime agnostic
github.com/unjs/unenv/tree/main
Node.js Core Modules 등에 polyfill이나 Mock 제공하는 라이브러리.
Node.js 대상 코드를 다른 실행 환경에서도 동작시키는 라이브러리
facebook/stylex: StyleX is the styling system for ambitious user interfaces.
Facebook의 Atomic CSS in JS 라이브러리.
TypeScript로 Type Safe 스타일 정의 적용 가능, 빌드할 때 CSS 파일로 컴파일함으로써 실행 시에 비용을 적게함.
stylex.create으로 스타일 정의, stylex.props으로 항상 뒷부분이 우선되는 병합 규칙으로 스타일 적용 가능.
