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

formでよく使う要素の型定義覚え書き

「button や input の型定義ってどうだっけ?」 作成するたびにググって確認しているので、いい加減覚えないと。 ということでアウトプットを兼ねて書き記しておきます。 //tsのバージョン …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

「React.js と Spring Data REST」を使って簡単なTodoアプリを作成 その1

はじめに 先輩社員の方と一緒に業務中に自己学習の一環として簡単なTodoアプリを作成を行ったので、その記録を残します。 背景 前回記事の続きとして今回は簡単なTodoアプリを 「React.js …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React / Next】SWRのfetch中のチラつきをなくす

SWRのfetch中のチラつきをなくすための方法です。 公式に書かれていました。 環境 React: 17.0.2 Next: 11.1.3 SWR: ^1.2.2 サンプルコード 公式から拝借 c…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Reactの<ul>{[<li></li>, <li></li>]}</ul>←これの違和感から脱却して一足先に幸せになりました

はじめに こんにちは!この記事は、Reactを使っていてずっとモヤモヤしていた、配列からmapを使って要素を挿入する方法が動く理由についてモヤモヤが解消されたので、同じ快感を共有したいと思い執筆し…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】複数useRefを指定するときのTips

はじめに Reactで map を用いて繰り返しDOMを生成したものに対して useRef を適用したいときのTipsです。 概要 例えば input要素をコンポーネント化してリストにし、その数が…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactもSvelteも大好きな私が思うSolidJSの良いところ

SolidJSとは https://www.solidjs.com/ 仮想DOMを使わない、Reactライクに書ける新しいフロントエンドのフレームワークです。 同じく仮想DOMを使わないフレームワ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Reactの環境構築をしてみる

Reactの導入方法(mac) 1.Node.jsのインストール Reactを使うにはNode.jsをインストールするのが便利 Node.jsはJavaScriptエンジン上に構築されたJavaS…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[React-pdf] 改行設定を日本語に適したものにする

React-pdfで、文書全体に以下の設定を適用する方法 改行時にハイフンを入れないようにする 単語の途中で改行する こちらにスマートな解決法がありました。 https://github.com/…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React+Redux+Toolkitのメモ

ReactでReduxを使ったときのメモです。 @reduxjs/toolkitを使っています。 1. 動かす 公式によると、official Redux+JS templateかRedux+TS …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React Router v6のネストについて

結論:公式ドキュメントをしっかり読みましょう(笑) Reactを復習していたとき、講座内のReact Routerがv5で大幅に記述が異なっていて、 甘えてググってしまい沼に陥ってしまいました。 ネ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【図解付き】useReducerについて理解する

はじめに こんにちは。masakichiです。 今回は、useReducerについて簡単にまとめてみました。 useReducerの概要理解 useReducerとはstateを用意・管理するため…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Wordleが下手なのでオリジナルのWordleを作って練習する

はじめに みなさんWordleをご存知ですか? フィードバックをもとに隠された5文字の英単語を当てるゲームです。 https://www.nytimes.com/games/wordle/inde…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む