React Hooks

Hooks

v16.7で導入予定の機能

classを使わずに、state等を利用したコンポーネントを書ける。

コンポーネントの階層を変えることなく、コンポーネント間でロジックを再利用できる。

State Hook

関数コンポーネントでstateを利用できるようにする。

code:javascript

import {useState} from 'react';

function Counter({ initialState = 0 }) {

return <button onClick={() => setCount(count + 1)}>{{ count }}</button>

}

Effect Hook

useEffect(() => any, any[])

コンポーネントの初回描画および更新時に、副作用を実行する際に利用する。

テスト

tng-hooks

eslint

ライブラリ

A micro-framework on top of React hooks

A collection of useful React hooks

参考