- 2021年8月25日
【React】useState()を使って連想配列のデータを更新する
使い慣れてないので覚え書きとしてまとめ。 React の useState() を使用する際に、連想配列のデータを更新する方法についてです。 参考にさせていただいた記事はこちら。 […]
CATEGORY
React
- 2021年8月19日
【React】useEffect()を使ってcomponentWillUnmount()のタイミングで指定した処理を実行する
React Hook を今までしっかり使ったことがなかったので備忘録としてまとめ。 useEffect() を使った書き方で、componentWillUnmount() のタイミ […]
- 2021年8月4日
【React】【CSS】特定の要素をユーザが拡縮する機能の作り方
レスポンシブデザインを実現するためには、スマートフォン等の画面が小さい場合でもいい感じのデザインにする必要があります。よくある実現方法は画面によって適切な折り返しを作る方法ですが […]
- 2021年7月29日
【React】ライブラリ Material-UI のパレット用コードを生成するサービス Material Design Theme & Palette Color Generator の紹介
この記事の中における Material-UI は React のデザインフレームワークの Matrial-UI です。Material-UI は。HTML 組み込みのタグの代わり […]
- 2021年7月27日
【React】setState()を実行してもrender()が呼び出されない
今回は、後輩君が開発している React プロジェクトで遭遇した現象についてご紹介。 エラーメッセージが画面に反映されないとのことでお手伝いに行ったのですが、これの原因を突き止める […]
- 2021年7月26日
【ESLint】「no-useless-escape」エラーを解消する
今回は、ESLint でプロジェクトのコードをチェックした際に発生した「no-useless-escape」エラーの解消方法についてです。 メッセージの全文は「Unnecessar […]
- 2021年7月23日
【ESLint】「no-case-declarations」エラーを解消する
React Native で開発中のアプリに ESLint を導入した際に遭遇したエラー第 4弾です。 今回は「no-case-declarations」というエラーの対処方法です […]
- 2021年7月21日
- 2021年7月21日
【React】「Warning: Can’t perform a React state update on an unmounted component」警告の対処法
React Native でアプリを開発中、時折目にしていた警告メッセージにようやく対応できたので、その方法についてまとめ。 タイトルでは警告メッセージが長すぎたので省略しましたが […]
- 2021年7月9日
- 2021年7月9日
【React】子以外のコンポーネントに値を受け渡すベストプラクティスの紹介
時折、親コンポーネントから子コンポーネントへ値を流していく以外の方法でコンポーネント間の値のやり取りをしたい時があります。これは子から親であったり、同階層の子同士であったり色々で […]
- 2021年7月7日
【Electron】Electron&Reactの開発環境を用意する
最近 Electron を触り始めたので備忘録してまとめ。 Framework で使い慣れている React を入れたかったのですが、なかなか苦戦しました…。 参考にさせていただい […]
- 2021年6月22日
【React】チューリングマシン的なデータ構造とデータの扱いをフックにまとめる
チューリングマシンは大雑把に言えば、無数の一列に並んだデータを持つテープとそのテープ中のデータを読み書きできて移動もできるヘッダ、から成る抽象的な機械です。それらしいもの（厳密に […]
- 2021年6月16日
【PhpStorm】【React】広いスコープの中の多数の変数を含む処理をサクッとフックにする
React の関数コンポーネントにはロジックをコンポーネントから分離してまとめるフックという機能があります。 独自フックの作成 – React これは処理をフックという別ファイ […]
