Frontend Weekly 2024-12-27
SWR v2.3.0、react-redux v9.2.0、Astro 5.1、@emotion/react v11.14.0、Motion v11.15.0、A Comparison of HTML Validator Packagesなど
SWR v2.3.0
SWRが10ヶ月ぶりにアップデートされ、v2.3.0がリリースされた。
https://github.com/vercel/swr/releases/tag/v2.3.0
peerDependenciesが更新されただけだが、React v19での使用が許可されたバージョンだ。
SWRのfallbackにPromiseを渡せるようになった。
<SWRConfig
value={{
fallback: {
"/api": Promise.resolve("fallback"),
},
}}
/>;
const { data } = useSWR("/api", fetcher, {
fallbackData: Promise.resolve("fallback"),
});
react-redux v9.2.0
React v19互換のreact-redux v9.2.0がリリースされた。
https://github.com/reduxjs/react-redux/releases/tag/v9.2.0
Astro 5.1
Astro 5.1がリリースされた。画像のキャッシュ改善や、アクションのパスを返すgetActionPath()
ヘルパーの追加など。
https://astro.build/blog/astro-510/
@emotion/react v11.14.0
@emotion/react v11.14.0がリリースされた。
ソースコードがTypeScriptに移行されている。今度、型は手書きではなく生成されるようになる。
https://github.com/emotion-js/emotion/releases/tag/%40emotion%2Freact%4011.14.0
Motion (Framer Motion) v11.15.0
Framer Motionは、11月からFramerから独立してMotionとして開発されている。
motion v11.15.0がリリースされたが、ほとんど同様のものがframer-motion v11.15.0としても提供されているようだ。
https://github.com/motiondivision/motion/blob/main/CHANGELOG.md#11150-2024-12-13
framer-motionからmotionへの移行は、パッケージの変更と、import
の差し替えで十分とのこと。
https://motion.dev/docs/react-upgrade-guide#motion-for-react
A Comparison of HTML Validator Packages
HTML用の静的解析ツールの比較記事。
https://meiert.com/en/blog/html-validator-packages/
記事では、Nu Html Checkerを最もおすすめしている。