create-react-app v5が出たようです #JavaScript

redditを見ていたら、create-react-appのv5が出たというスレッドを見つけました。

ざっとリリースノートを流し読むと:

webpack 5にアップデート
Jest 27にアップデート
ESLint 8にアップデート
PostCSS 8にアップデート
Fast Refresh周りの改善
Tailwindのサポート
package manager判定の改善
dependenciesのピン留め廃止
Node 10 and 12の非サポート

最後のNodeのサポートバージョンの変更がBreaking Changesになっています。

その他もろもろ改善している感じですかね。あまりトピックとして書くものが見つからない。

codesandboxでも動くか試してみましょう。

https://react.new を開きます。

今だとまだreact-scriptsは4.0.0なのでドロップダウンで5.0.0にします。"Update to latest"のボタンでもできます。

試しに、valtioでカウンターを作ってみました。

コードはこちら:

import { proxy, useSnapshot } from "valtio";

const state = proxy({ count: 0 });
setInterval(() => {
  ++state.count;
}, 500);

const App = () => {
  const snap = useSnapshot(state);
  return <div>count: {snap.count}</div>;
};

export default App;

以上、もし参考になれば。