20230329のReactに関する記事は12件です。

@googlemaps/react-wrapperでgoogleの型定義を追加する方法

@googlemaps/react-wrapperは、React用のGoogle Mapsのライブラリです。 TypeScriptで使用する時に型定義エラーが出た時の対処法になります。 出現するTy…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

react-hooks-use-modalを使ってみる

react-hooks-use-modalを使ってみた ログアウト時などにモーダルを表示させたいと思ったので色々ライブラリを調べていたところreact-hooks-use-modalという便利なもの…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

依存配列にメモ化した関数を入れるよりも、その関数をフックで定義しよう

結論 useMemo、useEffectなどで呼び出す関数は、そのフックの中で定義します。 useCallbackでメモ化した関数をフックで使用したくない理由 公式ドキュメントに As a last…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React 条件分岐を利用したログイン処理

成果物 今回作成したのは条件文(if)を利用したログイン処理です。 サーバーサイドは開発していないため、ユーザー名、パスワードは共に固定となります。 ユーザー名にuser、パスワードにpasswordと入力することでログインすることができます…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React propsを利用した値の受け渡し

成果物 3つのカウンターが用意されており、それぞれ独立してボタンを押すたびに数字が変化します。 https://codesandbox.io/embed/ji-suan-botan-arenzi-c…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Vue.js と React と Blazor で同じ処理を書こう (#1 リアクティブな動作)

Vue.js と React と Blazor で同じ処理を書こう (#1 リアクティブな動作) こんにちは、株式会社船井総研デジタルの @fsdg-adachi_h です。今回は、WSL の Ub…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

フロントエンジニア、AWSエンジニア目指す方必見! TypeScript導入!

どういう方が読んだ方がいいか ・JavaScriptをある程度知っている方 ・AWSエンジニアを目指される方 ・フロント開発をされる方 TypeScriptとは Microsoftが開発したプログラ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

クイックスタート - New React Docs (日本語翻訳)

本記事はReact公式サイトのQuick Startを翻訳したものですが、非公式の日本語ドキュメントです。 ようこそ、Reactドキュメントへ!このページでは日常的に使うことになるReactの概念…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【G's EXPANSION】React実践講座プログラムを受講してみた

はじめに 熱量の高い人たちが集まるエンジニア・起業家養成スクール G's ACADEMYが開催している”【G’s EXPANSION】React実践講座プログラム”を受講したので、その内容についてま…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React Webアプリで Hello World する

React Webアプリで Hello World する こんにちは、株式会社船井総研デジタルの @fsdg-adachi_h です。今回は、WSL の Ubuntu 22.04 で React W…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Next.js(v13.2.4)/TypescriptのLPにカルーセル(Swiper:v9.1.1)を実装する

はじめに Next.js/Typescriptで構築した静的なLPにカルーセルのライブラリ(Swiper:v9.1.1)を導入して実装する事になりました。 Next.js(v13.2.4)に初めてラ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React開発~Reactの基本編Part5~

はじめに  おはようございます、Tunです。 今回は、レンダリングの最適化のついて記述していきたいと思います。 再レンダリングの条件 再レンダリングが起きる条件 Stateが更新されたコンポーネント Propsが変更されたコンポーネン…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む