Frontend Weekly 2024-12-27

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 を渡せるようになった。

1
<SWRConfig
2
  value={{
3
    fallback: {
4
      "/api": Promise.resolve("fallback"),
5
    },
6
  }}
7
/>;
8
const { data } = useSWR("/api", fetcher, {
9
  fallbackData: Promise.resolve("fallback"),
10
});

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