|はじめに こちらはCAM advent calendar 2022の19日目の記事です。 CAMでWebフロントエンドエンジニアをやっています。うぴまるです。 この記事では筆者が体験した気持ちいいと感じたUIを、React で実際に再現してみたものを、コードも交えて2つ紹介していきます。 |目次 ・モチベーション ・実装環境 ・今回取り扱うアニメーションライブラリ ・気持ちいいUIの紹介 ・Twitterのいいね風リアクションアニメーション ・ページ遷移フェードトランジション ・終わりに |モチベーション 普段スマホでWebサービスやアプリを利用しているなかで、何気なく使ったり出会うUI/UXに改めて注目し、自分で実装して再現してみたいと思い立ちました。 そして、今後作るWebサービスのクオリティ向上や自分のスキルアップに繋がればいいなと思い今回アドベントカレンダーの記事にしました。 ま