はじめに react-primitives, react-native-webを実務で使う機会があったのですが、そこでwebにおいてweb特有の挙動を再現するのにかなり手こずる箇所がありました。 そのひとつとして、擬似クラスの実装があります。cssに擬似クラスのプロパティを書くだけでwebでは動くのですが、nativeにはhover等の動作がありません。 これを実現する擬似擬似クラスの実装が、まだまだ実務レベルで使われるケースが少ないのかなかなか知見が貯まっていないようなので、一例として共有させていただきます。 そもそも、react-primitivesがなになのか分からない!といった方は以下の記事をご参照ください! react-primitivesってなにやってるんですか?! 〜ソースコードから要点を解説〜 example こちらを紹介するにあたってのexampleは以下のレポジトリとな
![react-native-web, react-primitivesで擬似擬似クラスを実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f74b161be9f951461555c0b888a4206db8796a79/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9cmVhY3QtbmF0aXZlLXdlYiUyQyUyMHJlYWN0LXByaW1pdGl2ZXMlRTMlODElQTclRTYlOTMlQUMlRTQlQkMlQkMlRTYlOTMlQUMlRTQlQkMlQkMlRTMlODIlQUYlRTMlODMlQTklRTMlODIlQjklRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTklRTMlODIlOEImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTUzMGY4NWMxMjdiYmExYTNmMDNmM2UxNWY4ZGQ2ZjBi%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwU2hhZ2FtaWkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJmMGU2ZGI5OTg1OGRlNzNiMzIxYzQyNjVmMDM4MGM0%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D430f53b575eee89e4801d6e1c8497d2e)