Remixメモ

Q. Reloadしないで非同期でpostしたいときはどうする？

A. こんな感じにfetcherを使うと良い

export default function Post() {
  let hogeValue = "";
  const fetcher = useFetcher();
  return (
      <>
        <fetcher.Form method="post" action="/hoge">
          <input name="hogeValue" value={hogeValue}/>
          <button>button</button>
         </fetcher.Form>
      </>
    );
}

呼び出し先のactionはredirectではなくjsonをreturnする

みけたこ

Q. i18n (多言語対応) をしたいときはどうする？

A. react-i18nextで頑張る
他のも色々と調べたり試したりしたが

これ以上のシンプルなやり方が無かった

みけたこ

Q. Playwrightのテストが落ちたり落ちなかったりしてキレそう

root.tsxの<LiveReload>タグが/sessionにアクセスしてリロードしているらしく、そのエンドポイントがplaywrightから上手く見れずエラーになってテストが落ちていた
最初に実行されるテストだけ何故かほぼ必ず落ちている状態だった
LiveReloadはそんなに使ってなかったのでタグごと消した

みけたこ

Q. Playwrightとmswでモックに差し替えたいけど上手くいかないんだが？

playwright-mswはおそらくクライアントサイドの通信を差し替えるだけで、workersのサーバーサイド側の通信は差し替えられない。

サーバーサイド用の差し替え方法が公式から提供されており、以下のissueに書かれているが、nodeサーバー前提かも？