try catch構文 構文 [crayon-688e827389588509607938/] もし、try-catch構文を書いていない場合は例外が発生した瞬間プログラムが停止してしまいます。 例 [crayon-688e827…

• JavaScript
• コメントを書く

特徴 値が更新されても差分検知されないこと。 よく使われるケース formでinput入力時のレンダリングを防ぐ目的で使われます。useRefを利用してレンダリングを抑えたライブラリが「react-hooks-form」です。 …

• React
• コメントを書く

関数コンポーネント（React.FC） Reactの関数コンポーネントの型になります。React.FunctionalComponentとも書けます。 例 [crayon-688e82738a185352529718/] 下…

• React, TypeScript
• コメントを書く

stringの値を渡す。 useStateで定義した関数を子に渡して子から関数を呼べば親の状態も変更することができます。 親コンポーネント [crayon-688e82738a6e8355840061/] 子コンポーネント [cr…

• React
• 3件のコメント

redux-sagaとは？ Reduxにタスクという概念を持ち込むためのライブラリです。Redux-sagaに依頼することで間接的にタスクを実行してくれます。 仕組み 非同期処理を別々のスレッド（タスク）のイベントループのように切り出…

• React, Redux
• コメントを書く

APIを直接呼ぶ場合 例えば、Renderというコンポーネントが初期表示時にUseEffectを使用してAPIで表示するデータを取得する処理があった場合は下記のようなテストを書きます。 [crayon-688e82738b13…

• React
• コメントを書く

propsで渡すものによってはモックを使ったりする場合もあるかと思いますが、propsで渡した値自体のテストを作りたい場合もあるかと思います。 propsでlistを渡すケース Reactではlistはmapなどを使って表示させることが…

• React
• コメントを書く

テキストボックスへの入力テスト testing-library14からはusereventはsetupを事前にするように変更になり非同期関数になりました。（13まではsetupは不要で同期関数でした。） [crayon-688…

• React
• コメントを書く

React-Testing-Libraryとは？ 2018年にリリースされました。 Enzymeに取って代わるライブラリです。 ユーザー視点でテストを行います。 Enzymeとの比較 Enzymeはユニットテス…

• React
• コメントを書く

Render.js 以下のようなHTMLを返してくれるファンクショナルコンポーネントを作ります。 [crayon-688e82738bd5e873658241/] Render.test.js [crayon-688e82738bd…

• React
• コメントを書く