Fork me on GitHub

2023-12-08のJS: Redux 5.0.0、Vitest 1.0.0、Astro 4.0

Edit on GitHub 編集履歴を見る

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/createSliceextraReducersにおけるオブジェクト構文のサポートの削除などが行わています。
その他にも、middlewareオプションが配列ではなくコールバック関数のみを受け付けるように変更、型定義の変更などが含まれています。

マイグレーションガイドも併せて公開されています。


Viteを使ったテストフレームワークであるVitest 1.0.0がリリースされました。

Vite 5へアップデートされているため、Node.js 16のサポートが終了しています。
node:child_processを使った並列実行をサポート、poolpoolOptionsをサポートし関連する古いフラグを削除などの変更が含まれています。
スナップショットの形式やオプションの変更などの破壊的な変更も含まれているため、マイグレーションガイドが公開されています。


Astro 4.0がリリースされました。

DevToolbarの追加、i18n Routingの追加、View Transition APIのサポートを改善、Loggingの改善などが含まれています。
また、実験的な機能としてIncremental Content Cachingが追加されています。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


Fresh 1.6: Tailwind CSS plugin, simplified typings and more

deno.com/blog/fresh-1.6

deno library ReleaseNote

Fresh 1.6リリース。
TwindからTailwind CSSへの移行、fresh.gen.tsの自動生成結果がコンフリクトしにくい形式へと変更、Pluginからislandsが作成できるように。
ルーティングにURLPatternではなく正規表現を使うことでパフォーマンスを改善、Contextの型定義をまとめるなどの変更が含まれる


Release v5.0.0 · reduxjs/redux

github.com/reduxjs/redux/releases/tag/v5.0.0

redux JavaScript ReleaseNote

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

React redux library ReleaseNote

Redux Toolkit v2.0.0リリース。
Redux v5/Reselect 5.0へのアップデート、createReducer/createSliceextraReducersにおけるオブジェクト構文のサポートを削除。
middlewareオプションが配列ではなくコールバック関数のみを受け付けるように変更、型定義の変更など。
combineSlicesの追加、createDynamicMiddlewareの追加、autoBatchEnhancerをデフォルトで有効化するなど


Release v6.0.0 · avajs/ava

github.com/avajs/ava/releases/tag/v6.0.0

nodejs JavaScript jailbreak ReleaseNote

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

vite testing ReleaseNote

vitest v1.0.0リリース。
node:child_processを使った並列実行をサポート、poolpoolOptionsをサポートし関連する古いフラグを削除など。
Snapshotの形式の変更、カバレッジの改善、--projetオプションの追加など


Astro 4.0 | Astro

astro.build/blog/astro-4/

astro ReleaseNote

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 ReleaseNote

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

JavaScript server library ReleaseNote

Hono v3.11.0リリース。
hono/jsxErrorBoundaryの追加、hono/devにルーティングの一覧を出力するshowRoutesを追加。
c.jsonT()をDeprecatedにして、c.json()がRPCでも利用できるようになるなど。


Release v14.0.0 · sindresorhus/got

github.com/sindresorhus/got/releases/tag/v14.0.0

nodejs HTTP library ReleaseNote

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/

JavaScript performance article

SSRでステートを埋め込んで渡す方法のパフォーマンス比較。
JSを出力する方法、InvalidなMime typeで埋め込む方法、JSONを埋め込む方法について


VueFes Japan 2023イベントレポート | gihyo.jp

gihyo.jp/article/2023/11/vuefes-japan-2023-report

Vue article

VueFes Japan 2023のレポート記事


Ecosystem 2023 Recap | Electron

www.electronjs.org/blog/ecosystem-2023-eoy-recap

Electron article

Electronのエコシステムのアップデートについての紹介記事。
Electron Forge、Auto updatesの静的ストレージの対応、@electron/windows-signについて


スライド、動画関係


2020年から2023年までのCSSの変遷を振り返る - yamaScrapbox

scrapbox.io/yamanoku/2020%E5%B9%B4%E3%81%8B%E3%82%892023%E5%B9%B4%E3%81%BE%E3%81%A7%E3%81%AECSS%E3%81%AE%E5%A4%89%E9%81%B7%E3%82%92%E6%8C%AF%E3%82%8A%E8%BF%94%E3%82%8B

CSS slide

2020年以降に実装されたCSSの機能紹介


ソフトウェア、ツール、ライブラリ関係


unjs/unenv: 🕊️ Convert javaScript code to be runtime agnostic

github.com/unjs/unenv/tree/main

nodejs JavaScript polyfill library

Node.js Core Modulesなどのpolyfillやモックを提供するライブラリ。
Node.js向けのコードを他の実行環境でも動作させるためのライブラリ


facebook/stylex: StyleX is the styling system for ambitious user interfaces.

github.com/facebook/stylex

JavaScript CSS library

FacebookのAtomic CSS in JSライブラリ。
TypeScriptなどでType Safeにスタイルを定義、適用でき、ビルド時にCSSファイルへとコンパイルすることで実行時のコストを小さくしている。
stylex.createでスタイルを定義、stylex.propsで常に後ろが優先されるというマージルールでスタイルを適用できる。


この記事へ修正リクエストをする
JSer.info Slackに参加する