reduxを使用して開発しているときに必須のデバックツールだと思います。Choromeのエクステンションでstateの偏移や、アクションの実行の履歴などを確認できます。ウェブストアでインストールしましょう。DevToolsのアイコンが右上にでると思います。document.getElementById('root'))redux-thunkなどのミドルウェアを使用するならこうなります。document.querySelector('#root'));これだけで準備は完了です。使用するあとはローカルサーバーを起動したときにアイコンをクリックすればウィンドウがでます。右側にあるActionを押せばなんのActionが実行されたか、Stateを押したらStoreの状況を見ることができます。他にも機能があるので色々試してみてください。使われているようで、Arbnbのreduxを確認することができます。AirbnbAirbnbで一生忘れられない旅をしよう。近場に眠る大冒険、遠い異国のアドベンチャーを探し、世界中のユニークな家、体験、スポットにアクセス。www.airbnb.jp以上です。便利なデバックツールを活用して開発を行っていきましょう。CodeでESlint、Prettierを使用したReact環境を構築するReactの環境構築はcreate-react-appでとても簡単になりました。ESlint、Prettierを使用した環境構築方法やルールはプロジェ...reactReactとFirebaseを使ってログインフォームを実装する4今回でログインフォームは完成です!あとはFirebase側の処理だけです。Firebaseのコンソール画面でAuthenticationからログイン方法をクリック。Googleの認証を有効にします。...reactReactとFirebaseを使ってログインフォームを実装する2今回はログインフォームを作成していきます。reduxやredux-thunk、Firebaseを使うことになります。ログイン状態をreduxで管理し、まずフロント側の処理を完成させることを目指します。...reactReactとFirebaseを使ってログインフォームを実装する1ReactとFirebaseを使用してProgateのようなログインフォームを作成してみます。Google、Twitter、FacebookのソーシャルログインとEメール、パスワードを用いた一般的なログインを実装します。ソーシャル...reactReactでMarkdownエディタを実装する方法ReactでQiitaみたいなMarkdownエディタを簡単に実装する方法を解説します。Reactのプロジェクトを作りましょう。create-re...reactReactとFirebaseを使ってログインフォームを実装する3ログイン機能を確認するため、先にEメールとパスワードでのログインを完了させます。その次にダイアログ表示まで実装します。まとめ2019.12.202020.02.13プロフィールHarker3DCGとプログラミングが好きです。3DCGを学習して就職、2年ほどソーシャルゲーム会社で働いてました。その経験を活かしオンラインで3DCGを学習できるサービスCGCAMPを開発しています。このブログでは独学や3DCG、プログラミングについて書いていきます。Harkerblog.3dcgprogrammingdeeplearninglifeabout。