React

スポンサーリンク
React

【React】React.memo、useCallback、useMemoの違い

忘れそうなのでメモしておきます。 React.memo コンポーネントのメモ化できるHOC。 propsが変更されない限り、コンポーネントが再レンダリングされなくなる。 useCallback ...
React

【Next.js】サブディレクトリにデプロイする

Next.jsでは、パスがデフォルトで/になっているらしい。 なので、例えばソース内で <img src="/image/a.jpg"> みたいに書いた状態で、example.com/sub/にアプリをデプロイすると、...
2021.09.14
React

【Next.js】WEBフォントを追加する

<HEAD>コンポーネントを使います。 例として、Google FontsのNoto Sans JPを追加するコードについて紹介します。 全ページに追加する _document.jsxに書けば、全ページに反映できます。...
React

react-transition-groupの使い方メモ

記憶をなくした時のためのメモ。 react-transition-groupとは? Reactでアニメーションを管理するためのライブラリです。 ただし、react-transition-group自体はアニメーション機能は提供して...
2021.08.09
React

【React】コンポーネントの中で定義したコンポーネントを呼び出す?

以下のようにAコンポーネントの中で定義したBコンポーネントをAコンポーネントから呼び出す場合と、 function A() { function B() { return <h1>Bだよ</h1>;...
2021.08.08
React

【React】関数と関数コンポーネントのメリット・デメリット

例えば、以下のように書いて function Component() { return <h1>Hello</h1>; } コンポーネントを利用したい場所で<Component>と書いてコンポ...
2021.08.08
React

create-react-appでSassを使う手順

create-react-appでSass(.scss)を使う手順を調べた結果メモ。 以下、手順です。 npm install sassでSassコンパイラーをインストールする プロジェクト内にある.cssファイル...
2021.08.08
スポンサーリンク
タイトルとURLをコピーしました