備忘録

拝聴してきました。 yahoo-nagoya.connpass.com 主にReactとVueJsのテストについて3名の方が講演されていました。 ユニットテストやE2Eテストを運用していく中で大変だった点や注意点など、 実際の現場レベルの温度感を感じることが出来て面白かったです。 …

備忘録

react-modalサンプル

備忘録

備忘録

やりたいこと React でSPA react-routerを使う github.com

やりたいこと Reactのプロジェクトでmetaタグを設定する

やりたいこと create-react-appで作成したプロジェクトをFirebase Hostingにデプロイ

やりたいこと redux-localstorageを使用して状態をlocalStrageに保存する

mapやforEachなどの配列を繰り返す処理でレンダリングを行う場合には、 一意のkeyを指定する必要がある。

現象 ComponentAでstate.datasを使用しているとき、 ComponentBの中でstate.datasの値（または配列）を操作すると、ComponentAが正しくレンダリングされない。 対処法 Object.assignでstate.datasをコピーする。

やりたいこと useDispatch()で生成したdispatchに引数を渡す

やりたいこと Reactでチャートを描画

やりたいこと エラーを消す Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. stackoverflow.com

やりたいこと ReduxのHooksAPIを使用してconnect()を使用せずにReactからReduxに接続する 公式ドキュメント react-redux.js.org 下記チュートリアルのソースをベースにリファクタリングを行う www.valentinog.com

備忘録

備忘録

instanceOfを使用して型チェックを行う。 import React from 'react'; import PropTypes from 'prop-types'; const ComponentName = ({ props }) => { const { StartDate, EndDate } = props; }; ComponentName.PropTypes = { props: PropTypes.shape({ Star…

やりたい事 eslint-config-airbnbに準拠したReactコンポーネントの実装

やりたい事 eslint-config-airbnbに準拠したReactコンポーネントの実装 プロパティにはオブジェクトを引数として渡す

やりたい事 eslint-config-airbnbに準拠したReactコンポーネントの実装

やりたいこと vscode上でReactのプロジェクトを新規作成 linterの設定とコード補完の設定を行う ESlintの設定にはairbnbを使用 stylelintの設定はstylelint-config-standardを使用