20230323のReactに関する記事は11件です。

React.jsのKeyでむやみにインデックスを使うべきではない理由

コンポーネントのkeyにインデックスを使ってしまいがち map関数で、returnで返すコンポーネントにユニークなkeyを与えると思いますが、 その時ついつい何も考えずにmap関数の第二引数であるイ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】「型Promiseを割り当てることはできません」を解決したい

はじめに リファクタリングで非同期処理をコンポーネント化しようとしたところ、型エラーに詰まってしまったので簡単にまとめてみます。 やりたいこと ①axiosでエンドポイントにアクセスして値を取得する…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

jotai-trpc開発秘話(インフォメティス株式会社では採用しなかったけども)

はじめに インフォメティス株式会社でのアプリ開発ではJotaiを採用しています。 https://qiita.com/daishi/items/a701d4f3ab1e2757da82 また、Typ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

備忘録 forwardRefとIconButtonPropsの関係性

はじめに MUIのIconButtonPropsをtypeとして、かつforwardRefを用いた際に以下のエラーメッセージがコンソール上に表示された。 Warning: Function comp…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】変数処理のためのクラスコンポーネント化回避にはmemo化が有効

ReactのJSX生成には、ある困ったルールがあります。それは何かというと、JSX生成前に未定義の変数が使用されると問題が起きたりします。 ※【重要】検証にはreact-router-dom6を使用…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】変数処理のためのカスタムコンポーネント化回避にはmemo化が有効

ReactのJSX生成には、ある困ったルールがあります。それは何かというと、JSX生成前に未定義の変数が使用されると問題が起きたりします。 ※【重要】検証にはreact-router-dom6を使用…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】変数処理のためのカスタムコンポーネント化回避にはメモ化が有効

ReactのJSX生成には、ある困ったルールがあります。それは何かというと、JSX生成前に未定義の変数が使用されると問題が起きたりします。 ※【重要】検証にはreact-router-dom6を使用…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactとFirebase、Puppeteerで行うスクレイピング

この記事ではReactとFirebase(FirebaseCloudFunctions)、Puppeteerを使ってスクレイピングを行うまでの一連の流れを紹介して行きます。 今回はgoogle.co…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【TS×Rust】Tauriの便利機能紹介またはTauriを百合作品だと考察するポエム的な何か

前回作ったaudio-bookmarkにつづき、Rust + React with Tauri でまたまた自己満足アプリを作りました!本記事では、作品紹介のついでに、Tauriならではな機能も紹介し…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

material-uiのTable sortの例がわかりづらかったので整理

はじめに material-uiでテーブルをソートしたかったのですが、 例を見たときにcheckboxやページ切り替えが混ざりコードが多すぎたので整理しました https://mui.com/mat…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JSでS3からのファイルダウンロードに手間取ったのでメモ

概要 aws-sdkのgetObjectを使用して、S3からファイルダウンロード行ったら ファイルが壊れていた時のメモです ダウンロードはボタンをクリックしたときにファイルがダウンロードされるように…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む