JavaScript
React で ルーティングをする為のライブラリでデファクトスタンダードとなっているのが react-router です。 そして、Web 上で利用できるように DOM にバインディングができるライブラリが react-router-domです。 reacttraining.com github.com ちなみに、r…
Presentational Component(コンポーネント) と Container Component(コンテナー) Presentational Component(コンポーネント) Container Component(コンテナー) カウンターコンポーネントを Presentational Component(コンポーネント) と Container Component…
これに結構ハマったのでメモ。 reduxForm()が返してくる関数の引数にconnect()で mapStateToProps と mapDispatchToProps を指定する。 import React, { Component } from 'react'; import { reduxForm } from 'redux-form'; import { connect } from 'react…
Qiitaへ「React + Redux の基本的な状態管理を Reducers を起点に考える」という記事を投稿しました。 qiita.com
Qiitaへ「React + Redux の基本的な状態管理を Reducers を起点に考える」という記事を投稿しました。 qiita.com
create-react-app で作成したプロジェクトの React Component で propTypes を指定すると WebStorm で 「Unresolved variable isRequired」とエラーが表示されました。(エディター上のエラー) ググって見ると他にも「Unresolved variable string」とエラー…
default props props を使用している React Component で props が渡されたなかった場合のフォールバックとして default props を指定する事ができます。 default props は、 [コンポーネント名].defaultProps = {}と指定します。 (functional component で…
同僚が書いているコードを眺めていた所、addEventListenerの第三引数にオブジェクトとして{passive: true}を渡していました。 「あれ?第三引数って、useCaptureを真偽値で設定するんじゃなかったっけ。」と思いながらこの記述について調べてみたところ、、…
Qiitaへ「Vuexのモジュールを使用してストアを管理する」という記事を投稿しました。 Vuexのモジュールを使用してストアを管理する - QiitaVuex で状態管理を行っているアプリケーションでは、基本的にストアは1つだと思います。 アプリケーションが大きく…