React

ReactとReact Nativeの共通点と相違点

はじめに React Nativeは、Facebook（現Meta）によって開発されたクロスプラットフォームのモバイルアプリ開発フレームワークです。Reactをベースに構築されているため、Reactエンジニアにとっては親...

(引用: https://tanstack.com/query/latest) こんにちは。エンジニアのすぎやまです。今回は、TanStack QueryのuseInfiniteQueryについて、実際に案件で使用して...

Closureとは Stale Closureについて説明する前に、Closureとは何でしょうか?Closure（クロージャ）は、関数が定義された時点の周囲の状態（レキシカルスコープ）を「記憶」するJavaScript...

Reactの最大の特徴として、「宣言的UI」という考え方があります。この宣言的UIは、Reactの核となる哲学の一つであり、その開発体験とアプリケーションのパフォーマンスに大きく貢献しています。では、この宣言的UIとは...

はじめに本記事では、Reactにおけるprops drilling（バケツリレー）に焦点をあて、深くなりすぎたコンポーネントに対して状態・変数を共有する方法について考えていきます。「必要なコンポーネントに必要な値を渡...

はじめにみなさん、Reactでkeyを使う理由はご存知ですか？React がコードの変更点を認識するためだとは聞いたことがあるのではないでしょうか？ですが、いまいちピンとこないですよね。そこで、Reactでkeyを使...

この記事ではNext.jsでのレンダリングについてまとめ、実際にNext.jsでSCR、SSRを実装します。の順に説明します。 CSRとSSR まず前提としてCSR(Client Side Rendering)とSSR...