- 投稿日:2022-05-20T23:36:54+09:00
Object.keysの使い方
Object.keysとは? あるオブジェクトがあったとして、その中のキー名だけを抽出したい時に使う 値が取れたあとは新しい配列を生成する # 実践 まずはじめに以下のようなオブジェクトを用意しま…
- 投稿日:2022-05-20T21:26:18+09:00
Redux with React
前置き この記事では、ReactアプリケーションでReduxを使用する方法をまとめています。 ただし、ReduxはReactに特化したライブラリではなくJavaScriptのアプリケーションのため…
- 投稿日:2022-05-20T20:24:38+09:00
tailwind.cssで長い文字列を・・・にする方法【複数行】
一行のみ <div className="truncate"> 一行のみを・・・にする場合 </div> 複数行 ライブラリを導入 yarn add @tailwindcss/line-clamp …
- 投稿日:2022-05-20T17:29:52+09:00
ReactのuseEffectをしっかり理解したい
useEffectはよく使うhookですが、正しく使えているのが不安になったので、調べてみました。 useEffectについて React16.8でフックという機能が追加され、useEffectとい…
- 投稿日:2022-05-20T16:50:02+09:00
Vite + React + TypeScriptのテストでViteの環境変数を使う
今回構築した環境でのライブラリのバージョンは以下の通りです - react: 18.0.0 - typescript: 4.6.3 - vite: 2.9.9 - jest: 28.1.0 - ts…
- 投稿日:2022-05-20T14:55:43+09:00
React + TypeScript: Apollo Clientでクエリをリフェッチ(refetch)する
Apollo ClientはReactで使える状態管理ライブラリです。ローカルとリモートのデータをGraphQLで扱えます。本稿は公式サイトの「Refetching queries in Apoll…
- 投稿日:2022-05-20T07:59:42+09:00
ReactはMVC?
knockout.jsでは設計の考え方として、MVVMが用いられていると書かれていて、Reactではどういったものがあるのか疑問に感じて調べてみた。 結論から言うとReactでは、Viewのみの責務…
- 投稿日:2022-05-20T04:41:50+09:00
"props"を使ってデータの受け渡しをしてみよう!
Reactを、このUdemy講座で勉強しています。 お勉強メモとしての記事を書き溜めています! 今日は、"props"を使ったデータの受け渡しについての記事です。 コンポーネント間のデータのやり取り…