sagantaf

IT関連の技術記事を書くブログ。

2021-01-01から1年間の記事一覧

React HooksのuseReducerとuseContextとカスタムフック

useReducer useReducerの基本 Stateとdispatch(actionを送信する関数)を返すフック。 これを使うことでコンポーネント内でstate管理ができる。 書き方は以下。 const [state, dispatch] = useReducer(reducer, stateの初期値) reducer にはstateの更新方法を…

React.memoとReact HooksのuseCallbackとuseMemo

React.memo React.memoの基本 処理した結果をキャッシュとして保持することを「メモ化」と呼ぶ。React.memoはそのメモ化をするための機能。 メモ化することでコンポーネントの再レンダーを回避し、パフォーマンスを上げることができる。レンダリングに時間が…

React HooksのuseEffectとuseRef

useEffect useEffectの基本 useEffectとは何か? コンポーネントのレンダー後か、アンマウント後に処理が稼働するフック。 「レンダー後」に稼働するため、DOMを操作できる。また、アンマウントとはコンポーネントをDOMから削除して破棄することを指す。 【Re…

React Hooksの基本とuseState

Hooksとは HooksはReactの16.8.0バージョンから追加された新しい機能。 Hooksを使うことで、ReactのComponentを関数で定義することできる。従来はクラスによる定義のみであったが、関数でも定義できるようになったことで、 同等の機能を実装する場合、クラス…

文章を書くときのチェックリスト

書く前にやること 記事を書く目的を明確にする 読み手を意識する 構成を考え、要素を箇条書きにする(結論、理由、具体例、結論など定型を考える) 「である調」「ですます調」のどちらにするか決める →「である」は強い印象を与えるが端的に書ける。「です…

pythonの関数とclosureのメモ

python function is first object >>> def outer(): ... def inner(): ... print('hoge') ... return inner() ... >>> outer() hoge inner()を返している点に注目。ここではouter()を呼び出すことでprint文の実行結果が返される。 innerを返す内容に変えてみ…