はてなブックマーク

ReactのStrictモードがv18になって挙動が追加された。 追加された挙動となぜそれが追加されたのかということについて調べた。 せっかくなのでここでまとめておく。 わりと調べて書いたつもりですが、もし内容が間違ってたら教えてください。 Strictモードとは ここでは簡単にStrictモードについておさらいしておく。 以下がドキュメント。 (基本的にここで書いてある内容はドキュメントとReact18のDiscussionsに記載してある。どちらも最後に参照先のURLを記載しておく。) Strictモードとは、アプリケーションに存在している様々な潜在的な問題点をwarningとして出してくれるもの。 重要なことはStrictモードによって影響があるのは開発モードのみであって、本番環境ビルドでは何も影響がないということ。 したがって、Strictモードによるwarningがあったとしても

これまでずっとwebpackを使ってきたのだが、プロジェクトがそこそこの規模になってくるとサーバーを立ち上げるのが遅い。起動も遅いし差分変更を反映させるのにも時間がかかる。 と、いうわけで最近ちらほら聞くようになった爆速のviteに乗り換えることになった この記事はその時色々調べた背景や手順の備忘録、解決できなかった課題のメモ 実際リプレイスしたらそれまで30秒以上かかってた起動が2秒くらいで表示されるようになって、差分反映も体感で1秒かからないくらいになって開発体験がとても良くなった。 viteの特徴 viteとはvueの作者が開発しているビルドツール。 vueの作者開発なんだけどReactでも使える。あざます。 webpackからviteに変えるとどんないいことがあるか、一言で言うとビルドや差分更新が爆速になって開発体験が向上する 詳細は公式ページに譲るがなぜ爆速になるのか、簡単に特徴

最近VercelがEdge Functionsを発表したり、RemixがCloudflare workersでのデプロイをサポートしたりとエッジコンピューティング周りが何かと熱い気がしている。 FastlyやAWSなど代表的なものはいくつかあるが、その中でもCloudflare workersが色んな機能リリースしたりしてて個人的には興味深かったので、今回はCloudflare workersについて調べたことを簡単にまとめてみる。 特にCloudflare workersの0ms cold startsの実現方法が面白かったのでこれについて取り上げる。 エッジコンピューティング エッジコンピューティングの詳細な説明は割愛するが、サーバーに到達する前にCDNで処理をしてクライアントにレスポンスするのでレスポンスがかなり速いことが特徴。 現時点で代表的なエッジコンピューティングには以下のもの

業務で一時的に新プロジェクトにアサインされた際にuseContextを多用していた。 Reduxはよっぽどの時じゃないと使わない方針ぽい。 確かにReduxはファイル数多くなるし何かとややこしいことが多い。 Reduxを使うかどうかは以下の記事がわかりやすかった。 https://ics.media/entry/200409/ useContextの使い方はだいぶ理解できてきたのでここでまとめる。 useReducerは正直まだよくわかってないから別の機会に。 useContextはどういう時に使う？ コンポーネントをまたいで値を渡す時。 propsで渡すと孫コンポーネントに渡す時に、一度子コンポーネントを経由しなければならなくなりバケツリレーになってしまう。(propドリルとか言われてるっぽい) さらにContextのいい点はContextで管理している状態や関数をそれぞれの子コンポーネ