0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

React hooks 機能紹介

0
Last updated at Posted at 2020-01-13

Reactを使った開発をし始めたので、機能たちを紹介しようと思います。

React hooksにはいろんな機能があってとてもロジックを組みやすい

個人的な見解ではありますが、僕はそう感じました。 前バージョンの段階では、よく目にしたのは複雑だったりなんか難しそうだったり、なんか開発者向きなんでしょ?的なのがあったかと思いますが、React hooksが正式リリースして利用してみるとあれって?ってくらい使いやすいわかりやすいと思いました。

下記が主に使用したHoooksたちになります。

useState

  const [state, setState] = useState()

useEffect

  useEffect(() => {
    
  },[]);

useMemo

  const メモ名 = useMemo(() => {

  },[]);

useCallback

 const コールバック名 = useCallback(() => {
     
 },[]);

useMemoとuseCallbackについては、なかなかはじめ理解にしにくいかと思いますが、ポイントはメモされた関数の返却かメモされた値の返却かなのかなと思います。個人的に腑に落ちたのは返却のタイミング(メモのタイミング)が違うってこと思ったことです。

[ ]←こちらについては、簡単に説明しますと対象です。
対象が、[a , b]のようにあるとそれぞれのタイミングで何かしらのa , bを処理できます。
くらしくは、フック API リファレンスを参考にどうぞ。

簡単なまとめではありますが、以上になります。
他にも、様々な機能がありますので、ぜひ利用してみてください。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?