21
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ReactAdvent Calendar 2021

Day 15

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

Last updated at Posted at 2021-12-15

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"のボタンでもできます。

image.png

試しに、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;

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

21
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
21
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?