20230327のReactに関する記事は10件です。

LaravelとReact(Vue)でDockerを使わずに環境構築をしてみる

この記事を書いた理由 個人開発でLaravelとReactで何かを作りたいな〜 ただDockerは慣れていないので他の方法は無いかな〜って模索していた時に見つけた方法を備忘録として残そうかなと思います (Dockerが使えるに越したことはないと思ってます☺️…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React & JestでpreventDefaultをテストする

はじめに Reactでformタグを使用しているときenterを押すとでformが送信されページがリロードしてしまうのを 防ぎたくてformのonSubmitでe.preventDefault()を…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactのAPIクライアント と GoのAPIサーバー をEC2上のDockerに載せます

作成:2023年3月27日 前回までで、GoのAPIサーバー(GET,POST,PATCH,DELETE)とReactのAPIクライアント(GETのみ)を試作しました。今回はこれをDockerに載せ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

「axiosとfetchの違い」: 初心者向け解説 - メリット・デメリットを分析

axiosとfetch axios axiosは、Promiseを使用してHTTPリクエストを実行するJavaScriptライブラリです。axiosは、主にブラウザとNode.js環境の両方で使用さ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】関数コンポーネントでコンストラクタに代わるベストプラクティスは?

ReactのJSX生成には、ある困った問題があります。それはSPAなどで画面を遷移した直後に変数をロードした場合です。具体的にどのような不具合が発生するのかですが、以下のようにTodo作成機能の詳細…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】関数コンポーネントでコンストラクタに代わる制御をするベストプラクティスは?

ReactのJSX生成には、ある困った問題があります。それはSPAなどで画面を遷移した直後に変数をロードした場合です。具体的にどのような不具合が発生するのかですが、以下のようにTodo作成機能の詳細…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

NextJS middlewareでError: The edge runtime does not support Node.js '...' module. などというエラーが出る場合

ここを見ろと言われる https://nextjs.org/docs/messages/node-module-in-edge-runtime However, the Edge Runtime …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React + TypeScript: レンダーとコミット

React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Render and Commit」をかいつまんで…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

君はRecoilを直接操作していないか

はじめに 今回はRecoilを直接component側でimportせず、カスタムフックでラッピングするという書き方が大変便利だったため紹介したい。 そもそもRecoilとはなんぞやという人は以下の…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

useContextとuseStateを組み合わせて別ファイルに定義したstateを管理【React】

はじめに 先日useStateを使ったステータス管理の記事を投稿しました。 https://qiita.com/kotattsu3/items/80fe76361fd96796086e 今回は別ファ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む