O hirunewani blog

Frontend Weekly 2024-12-27

Created at

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を最もおすすめしている。