はじめに react-primitives, react-native-webを実務で使う機会があったのですが、そこでwebにおいてweb特有の挙動を再現するのにかなり手こずる箇所がありました。 そのひとつとして、擬似クラスの実装があります。cssに擬似クラスのプロパティを書くだけでwebでは動くのですが、nativeにはhover等の動作がありません。 これを実現する擬似擬似クラスの実装が、まだまだ実務レベルで使われるケースが少ないのかなかなか知見が貯まっていないようなので、一例として共有させていただきます。 そもそも、react-primitivesがなになのか分からない!といった方は以下の記事をご参照ください! react-primitivesってなにやってるんですか?! 〜ソースコードから要点を解説〜 example こちらを紹介するにあたってのexampleは以下のレポジトリとな