​​React​createPortal,CSS,flushSync,Playwright,TypeScript,カスタムフック

Thumbnail of post image 154

Reactの画面を、ヘッダーやボタンを消した印刷用のレイアウトで印刷する方法です。@media print と @page でA4の紙に合わせます。入力欄を文字にするやり方、背景色、ページ番号、改ページの扱いも書きます。画面の一部だけ ...

​​React​beforeunload,flushSync,Playwright,React Router,TypeScript,useBlocker

Thumbnail of post image 070

​

入力したまま保存していない内容を、うっかり捨てないための確認の出し方です。再読み込みやタブを閉じる操作はbeforeunloadで、アプリの中の画面移動はReact RouterのuseBlockerで止める方法を、検証環境で確かめま ...

​​React​flushSync,Playwright,TypeScript,useState

Thumbnail of post image 190

React 18以降のcreateRootでは、setTimeoutやPromiseの中で続けて呼んだstateの更新も、1回の描画にまとめられます。React 17・18・19で描画の回数を数え、まとめられない書き方も確かめました。 ...

カテゴリー