20230521のReactに関する記事は15件です。

React クラスコンポーネントのアンチパターン【初心者向け解説】

Reactを使って開発を進める際、特定の方法が問題を引き起こす可能性があることを理解することは重要です。 これらは「アンチパターン」と呼ばれ、避けるべきプラクティスを示しています。 今回は、Reac…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React初心者が最も使いやすいGoogleMapsAPIのライブラリはこれだ!

この記事を書いた経緯 私はReactとFirebaseを用いたwebアプリの開発を行っている初学者です。 その中でGoogleMapsAPIを使用したくて、いろいろ自分で調べてAPIを実装したんです…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

useEffectとuseCallbackの使い分け

記事を書いた背景 こんにちは! 最近ReactとRailsでマーケットプレイスアプリケーションと記事投稿アプリケーションを作りました。 最初にマーケットプレイスアプリケーションを作った際に、バックエ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React公式Docを訳す3

前回 https://qiita.com/kawabata324/items/8a78aba978c2dc6046d4 概要 https://react.dev/ 新しい、公式サイトは日本語訳がされ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

crosエラーの解決方法

CORSは何かというと、「どこからのリクエストを許可するのか」ということです。 ・この記事を書く経緯 RailsとReactでアプリ開発をしていたときに、このようなエラーに遭遇したので忘れないように…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React 公式Docを訳す 2

前回 https://qiita.com/kawabata324/items/82e55e2884928d5f54a9 概要 https://react.dev/ 新しい、公式サイトは日本語訳がされ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Paint.NET の選択範囲テキストを編集する Fluent UI React v9 アプリを作ってみた

はじめに Paint.NET - Free Software for Digital Photo Editing の選択範囲を編集するアプリケーションを作りました。 https://twitter.…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Next.jsでZodとReact Hook Formを使ってフォームバリデーションを実装してみた

はじめに この記事では、React(Next.js)で最近よく聞くTSと相性が良いZodとReactでよく使われているReact Hook Formを使ってフォームバリデーションの実装をしてみて、と…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[自分用]ニ◯・ロビン = 破壊的メソッド

useStateで配列を使っていく 初期値の内容に応じて配列を作る。空配列でもOK!! export default function Home() { const [array, setArray…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

iOSのバーチャルキーボードが入力欄を被ってしまう問題の対応策

概要 昔からiOSにこいう問題があったらしい。画面上の入力項目をタップすると、バーチャルキーボードが表示されるが、キーボードが入力欄を被ってしまうため、入力できなくて困る。 詳細 最新のiOS16.…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Reactでラジオボタンを使った検索機能を実装する

Reactでラジオボタンを使った検索機能を実装したので、備忘録として残します。 前回の記事では、 ファイター一覧を名称で検索をできるよう実装しましたが、それに加えて 特定のカラムの値がtrue/fa…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Reactでラジオボタンを使った検索機能を実装する

前回の記事で、 ファイター名で検索をできるよう実装しましたが、それに加えてラジオボタンを用意して、 自分がVIP入りさせたキャラと、まだVIP入りしていないキャラを絞り込みできるように実装しました。 前回…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React Tutorialを訳す

概要 https://react.dev/ 新しい、公式サイトは日本語訳がされてなくて不便なので、deeplを使って訳して読んでいくだけ。 感想とかのノイズは入れないつもりなので、さらっと見てもらえ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React 公式Docを訳す

概要 https://react.dev/ 新しい、公式サイトは日本語訳がされてなくて不便なので、deeplを使って訳して読んでいくだけ。 感想とかのノイズは極力入れないつもりなので、さらっと見ても…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Next.jsでFontAwesomeを使うときにエラーになる

Next.jsでFont Awesomeを使うときに、アイコンが一瞬大きく表示される。 Font AwesomeのCSSが遅れて読み込まれることが原因。 解決するためには設定が必要だがそのコードを検…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む