React Tokyo トレンドレポート : <ViewTransition> Component
こんにちは!cordeliaです。
React TokyoのDiscordには情報・質問部屋というフォーラム形式のチャンネルがあります。これは各々が気になったトピックを立て、関連コンテンツ(記事・issue・Pull Request・動画・SNS投稿、なんでも)を共有するナレッジ蓄積型のチャンネルです。旬なものからマニアックなものまで、様々な情報が日々蓄積されております。コミュニティの皆様いつもありがとうございます。
そこで!特に盛り上がったチャンネルに共有されたコンテンツをピックアップして皆様にお届けしようじゃないか、という試みがこのReact Tokyo トレンドレポートです🎉
そして記念すべき第1回目のトピックは、Reactの<ViewTransition> Component
です。
Web APIのView Transition APIがReactで使えるようになるかも?というお話ですね。まだ実験的な機能なので将来変更される可能性はあると思いますが、stableになったらUI表現の幅が広がりますね!
という訳で、今回共有されたものをご紹介します。
issue, Pull Request, Discussion
まずはこちら。<ViewTransition> Component
がReactに追加されるかも?
React Nativte
での動作も目指しているようです。
Navigation APIと一緒に動作するように。
フォントのチラつきにも対応。
View Transition
の擬似要素にアニメーションを付けられる。
<ViewTransition> Component
にEventを追加。
<ViewTransition> Component
にpropsを追加。
Transitionの種類を指定できるように。
以前、このようなDiscussionもありました。
記事
こちらとても参考になります🙇
その他
Next.js App RouterでView Transition API
が使えるライブラリもあります。
Dan Abramov氏がplaygroundを公開。
終わりに
毎日進歩する技術情報を自分の力だけで集めるのは大変なことです。ですがそこに誰かの力が加わった時、量も質も何倍にもなるはずです。(真面目過ぎでしょうか☺️)
React Tokyoではこのようなコンテンツが日々共有されています。冒頭でもお伝えしましたが、旬なものからマニアックなものまで自分では思いもよらぬ情報に出会えるかもしれません。興味を持っていただいた方はぜひ、React Tokyoを覗いてみてください。
というわけで、第1回React Tokyo トレンドレポート楽しんでいただけましたでしょうか?今後も不定期でお届けいたします。
最後までお読みいただき、ありがとうございました。
Discussion