【React】React Hooksまとめ

React Hooks早見表です。

ReactHooks

React16.8で追加された新機能です。stateなどのReactの機能をクラスなどを書かずに関数コンポーネントでシンプルに利用できるようになりました。

機能

・useState

stateを関数コンポーネント内で状態管理することが出来ます。

・useEffect

hooksのイベントリスナ。レンダリング後まで遅らせて関数を実行することが可能になる。

・useContext

複数コンポーネント間で共通して利用したいデータを管理できる。

・useRef

値の参照を管理する。

useStateと同じで値を管理するのだが、値が変更されたときに再レンダリングしないという特徴がある。

・useCallback

不要なレンダーを防いでメモ化したコンポーネントに値を渡すことでパフォーマンスアップできる。

・useReducer

useStateと同じく状態管理に利用されるが、useStateとは違い複数の状態を管理するときなどに利用します。

【git】gitのコマンドまとめ

ずっとgitはGUIを使っていたのですが、最近コマンド使い始めたので忘れそうなやつだけまとめときます。

※この記事は今後も更新していく予定です

現在いるブランチの確認

git branch

ブランチの切り替え

git checkout ブランチ名

ブランチの切り替え(リモート)

git checkout origin/ブランチ名

ブランチの作成

git checkout -b ブランチ名

一時的に変更を退避しておきたいとき

git stash

※コミットはしたくないが別ブランチで作業したい時に利用する

stashの一覧

git stash list

stashした変更を復元する(stashの削除はしない)

git stash apply

stashした変更を復元する(stashの削除もする)

git stash drop

stashした変更を復元する(特定のstash)

git stash apply stash@{n}

ワークツリーのステータスを表示

git status

※addやcommitされていないファイルなどを表示

※git管理されていないファイルなどを表示

直前のコミットを取り消す

git reset --soft HEAD^

--soft : ワークディレクトリの内容は消さず、コミットだけを取り消す

--hard : ワークディレクトリもコミットも取り消す

ファイルの変更を取り消す

git checkout -- ファイル名 

コミット履歴を確認する

git log