記事「REACT」 の 検索結果 32 件
-
Jest + enzyme でイベントをシュミレートJest + enzyme でイベントをシュミレートをする際によく書く記述をまとめてみました。 describe('コンポーネントのテスト', () => { it('関数実..
-
Reactでasyncコンポーネントを作成して非同期で読み込みを行う以下のようなコンポーネントをAsyncComponent.jsなどとして作成 async / awaitを利用して呼び出し時に引数で指定されたコンポーネントの呼び出しを行います。 import..
-
ReactでCSS Modulesを試すすでに、Webpackで動いているReactプロジェクトに導入を前提としています。 まずは関連システムをインストール。 npm install --save-dev style-loade..
-
Flowtype入門Flowtypeをを導入するまでの道のり cli編 まずはpackage.jsonを作成してBableとflowのpresetをインストールしておく。 npm init -y np..
-
TypeScript + Reactの基本Propsを定義 iterface Props { value: number; } class Square extends React.Component {} ..
-
React.FragmentReact.Fragmentを利用するとHTML上には書き出されない要素を記述することができます。(Angularでいうng-content ) render() { return ( ..
-
react-router v4を試してみる最近Angular三昧だったのでリハビリをかねて、サイトのReactのバージョンアップをしています。 はまったのがreact-router、もともとはreact-routerという名前のモジュー..
-
Stateless Functionでrefを利用するStateless Functionではrefsへの参照を生成しないため以下のようにして要素の内容を取得する
-
Re : Flux を使わずに React コンポーネント間のコミュニケーションを行う8つの方法参考:Flux を使わずに React コンポーネント間のコミュニケーションを行う8つの方法 - Qiita 結構はやい段階でReduxに以降してしまったためココらへんの知識が浅いので色々と書い..
-
Reactのcreate-react-appコマンドFacebook公式のcreate-react-appコマンドを試してみる。 まずはcreate-react-appコマンドのインストール npm install -g create-re..
-
react-router-reduxでTODOリストReact+Redux でTODOリストで作ったTODOリストの一覧ページと追加ページを分離してreact-router-reduxで管理するサンプル。
-
react-routerの使い方react-routerの使い方メモ。