React 【React】create-react-app実行時にtimeoutエラーが出力する原因と対策
今回の現象
Reactのプロジェクトを作成しようとするときは以下のようなコマンドを入力すると思います。
create-react-app front
その際に以下のようなエラーに遭遇しました。
npm ERR! c...
React
React 
Docker docker-compose runでcreate-react-appを実行したときにtimeoutエラーが出る原因と対策
docker-compose runでcreate-react-appを実行したときに「Socket timeout」エラーが出た際には「timeout=100000」を指定してあげることで解消されることでしょう！！
React React入門から少し脱したい！無料地図サービスを使って遊ぶ
Reactでちょっといけたアプリをつくってみたい！
webアプリを作ってみたいけど何を作ればいいかわからない！
人の手助けに少しでもなればと思いこの記事を書きました。
この記事を読んで地図サービスがこんなけ簡単に使えるな...
Firebase Firebase×React×ReduxでAuthenticationとFirestore Databaseを実装した時の備忘録その２
こちらはパート２です。前回までの実装はこちらから
実装手順
ReactやFirebaseが導入されている前提で話を進めていきます。
長くなってしまったので２つに分けて投稿します。
以下の順番で話を進めていきます。
...
Firebase Firebase×React×ReduxでAuthenticationとFirestore Databaseを実装した時の備忘録その１
はじめに
React×Redux×Firebaseを使って認証機能を実装しました。その際にReducksパターンを使用して、
状態遷移を実装したので、その時に使用したコードと、その簡単な動きをメモしておきます。
一連のア...
Firebase エラー「GoogleAuthProvider is not a constructor」が出た時の対処法
問題
GoogleのOAuth認証を実現しようとsignInWithPopupを宣言したところ以下のようなエラーが発生。
出力されたエラー
TypeError: _firebase__WEBPACK_IMPO...
Firebase 【手元で動かせます】Firebase Authenticationの実装をCODEPENでやってみた
はじめに
Firebase×React×MaterialUIにて個人開発を行いました。
その際に使用したFirebase Authenticationについて、書いていきます。
Firebaseのドキュメントを見て「ウォ...
React 【解決】ReactにてA network errorというエラーが出力された時
問題
React×Reduxで非同期処理を実装している際に以下ようなエラーに遭遇。
FirebaseのcreateUserWithEmailAndPasswordという非同期処理を実現しようとしている。
A networ...
React 【動かして試せます】Reactにおけるpropsで変数や関数を渡す方法
本記事の目的
今日はReactにおけるPropsを完全理解するために３ケースにおけるPropsの使い方を紹介していこうと思います。
Reactの導入に関しては今回割愛させていただきます。
CodePenというオンラインで...
Firebase React×Firebaseでデプロイしても白い画面しか表示されない原因とその対処法
問題と原因
FIrebase Hostingでアプリをデプロイしたのですが、デプロイ先のURLを開いても白い画面のまま止まってしまうという現象に陥りました。
問題はHostingで公開するディレクトリの設定が間違っていたことで...