20220917のReactに関する記事は8件です。

info There appears to be trouble with your network connection. Retrying...

事象 パッケージを再インストールしようとyarnコマンドを実行したら以下のエラーに遭遇した $ yarn ... info There appears to be trouble with you…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

A <Route> is only ever to be used as the child of <Routes> element・・・

概要 React+TypeScriptでログイン中かどうかを判別し、ログイン時は Home コンポーネント、非ログイン時は SignUp、SignIn コンポーネントにを表示するように実装していく…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React+Expressでサンプルアプリケーションを作成してみた

ReactとExpressを利用してTypeScriptでSingle Page Applicationのサンプルを作成してみた。 開発環境はvscodeとDockerで共有できるようにしており、W…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React+Expressでサンプルアプリケーションを作成してみた(記事一覧)

ReactとExpressを利用してTypeScriptでSingle Page Applicationのサンプルを作成してみた。 開発環境はvscodeとDockerで共有できるようにしており、W…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

コンテナ環境でReactユニットテストを実行する際のタイムゾーン設定にハマった話(Jest)

目的 Reactの開発環境をDockerに移行した際、jestでのユニットテストが通らなくなりました。 Dockerで特に何も設定せずにUbuntuを使用していたためb、タイムゾーンがUTCとなっ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactからExpress側のWebAPIを呼び出してみた(その2)

前回までで画面からAPIを呼び出す処理を作成したが、RESTに準拠したAPIに修正する。 [前回:ReactからExpress側のWebAPIを呼び出してみた(その1)](https://qiita…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのMap・Setを使用し、配列同士の差分データを抽出する方法

はじめに 以前、JavaScriptで配列同士の比較を行う方法について投稿しました。 JavaScriptで配列同士を比較して、重複・差分データを抽出する方法 その際に素敵なコメントをいただき、別…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

rails apiでの複数の値をmapで回してcreateアクションでDBへ保存しようとするとAbstractController::DoubleRenderErrorで苦しめられた話

はじめに reactで配列を使って作成した値を、一気にrails apiに送ってcreateアクションで保存をしたいと考えていました。 ですが、AbstractController::Double…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む