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

Object.keysの使い方

Object.keysとは? あるオブジェクトがあったとして、その中のキー名だけを抽出したい時に使う 値が取れたあとは新しい配列を生成する # 実践 まずはじめに以下のようなオブジェクトを用意しま…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Redux with React

前置き この記事では、ReactアプリケーションでReduxを使用する方法をまとめています。 ただし、ReduxはReactに特化したライブラリではなくJavaScriptのアプリケーションのため…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

tailwind.cssで長い文字列を・・・にする方法【複数行】

一行のみ <div className="truncate"> 一行のみを・・・にする場合 </div> 複数行 ライブラリを導入 yarn add @tailwindcss/line-clamp …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactのuseEffectをしっかり理解したい

useEffectはよく使うhookですが、正しく使えているのが不安になったので、調べてみました。 useEffectについて React16.8でフックという機能が追加され、useEffectとい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Vite + React + TypeScriptのテストでViteの環境変数を使う

今回構築した環境でのライブラリのバージョンは以下の通りです - react: 18.0.0 - typescript: 4.6.3 - vite: 2.9.9 - jest: 28.1.0 - ts…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React + TypeScript: Apollo Clientでクエリをリフェッチ(refetch)する

Apollo ClientはReactで使える状態管理ライブラリです。ローカルとリモートのデータをGraphQLで扱えます。本稿は公式サイトの「Refetching queries in Apoll…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactはMVC?

knockout.jsでは設計の考え方として、MVVMが用いられていると書かれていて、Reactではどういったものがあるのか疑問に感じて調べてみた。 結論から言うとReactでは、Viewのみの責務…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

"props"を使ってデータの受け渡しをしてみよう!

Reactを、このUdemy講座で勉強しています。 お勉強メモとしての記事を書き溜めています! 今日は、"props"を使ったデータの受け渡しについての記事です。 コンポーネント間のデータのやり取り…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む