はじめに 最近、Cypressの導入をやったのでざっくりと振り返り。 導入環境は、React, Rails, GraphQL, Github Action を使ってるSaaS。 なぜCypressを導入しようと思ったのか？ 端折って簡単に書くと、お客さんにプロダクトの説明する時に正しく動いてないと…

例えば、名前が並んでいて「並び替え」ボタンを押すと順番が変わる機能を作るとき、これまでは次のように実装してた。 ローカルstateに条件を保持して、useEffect()がstateの変更をキャッチしてrefetch()を実行させる。こんな実装。 ただ、３年もこの実装し…

ChakraUI (v2.4.1)のポップオーバーを使ってたとき、トリガーになるボタンを独自のコンポーネントにしたら動かなくなったので、原因と対応内容を備忘録として残す。 ‍♂️ まず、ChakraUIのポップオーバーは以下のように実装する。 PopoverTriggerで囲んだButt…

Rechatsというチャートライブラリが生成してくれるチャートにグラデーションをかけてイイ感じにする方法を説明した記事です。