目次 はじめに React Testing Libraryのコンセプト いろんなテストケース コンポーネントのテスト 画面を操作するコンポーネントのテスト with React Hooks 画面を…
備忘録。 とは言え、まだ試していないので、動かなかった場合はすみません。 react で stripe 決済を実装する 実装には、推奨されている paymentIntent を使う。 実装のフローと…
経緯 create-react-appで作ったアプリに「Semantic UI React」を入れてみたらエラーが出た。 なんだかんだ詰まって困ったので記録用に。 エラーメッセージ Failed …
@kenmaroです。 普段は主に秘密計算、準同型暗号などの記事について投稿しています。 秘密計算に関連するまとめの記事に関しては以下をご覧ください。 秘密計算エンジニアを始めて２年半が経った。 秘…
「ReactでPropsをバケツリレーするのは保守性が下がるから良くないよね」ということでグローバルStateをuseContextを用いて実装するのですが、TypeScriptでの実装がやや特殊で…
環境 ・Windows 11 Pro 21H2 ・PhpStorm 2022.1 やりたいこと 多用するuseStateを素早く書きたい。 javascript const [isActive, …
Basic Table ■完成イメージ ソースコード import * as React from 'react'; import Table from '@mui/material/Table'…
概要 趣味でローディングアニメーションを作成したのですが、使わなくなったので、こちらにて供養したいと思います。 Requirement Framer Motion Chakra UI Framer…
ReactとTypeScriptを使った子コンポーネントにstateを渡す際に以下のエラーに手こずったので、備忘録として残します。 Type '{ setStateProp: Dispatch<Se…
操作内容 npm run build { "private": true, "scripts": { "dev": "next dev", "build": "next build", "star…
この記事について Node.js Express をキャッチアップし、アウトプットしようと簡単なWebアプリを作成したとき、Proxyの設定に少々つまづいたので備忘録。 やりたいこと Github…
はじめに これまでid属性の重複を嫌って、htmlを書くときはidを極力使わないようにしてきた。しかし、React18のリリースにあたってuseIdが使えるようになり、ハイドレーション時にクライア…
確かに簡単すぎたが、静的ページのみの構成では... https://zenn.dev/steelydylan/articles/nextjs-with-i18n こちらの記事がまとまっていてとても…
はじめに もっと良い方法があるかもしれないですが、調べた中で上手くいったコードをメモがてら記載 コード const [qiita, setQiita] = useState(''); const …
はじめに Next.jsでBasic認証を導入しようと思いましたが、TypeScriptで記載されたサンプルしか見つけられなかったため、JavaScript版を作成しました。 Next.jsでBa…
Reactを、このUdemy講座で勉強しています。 お勉強メモとしての記事を書き溜めています！ 今日は、イベントの扱い方、"State"の更新方法ついての記事です。 イベントリスナーとハンドラーを設…
