週間React Native #12
Yoga LayoutにCSS Gridがサポートされるかも？
React Nativeでも使われている、Yoga LayoutにCSS GridをサポートするPRが作成されました。 React NativeでもCSS Gridがサポートされるかもしれないので、期待したいですね！
https://twitter.com/expo/status/1990409228696064041?s=20
React Native Skia 2.4.0が公開
React Native Skiaの2.4.0が公開され、zIndexがサポートされました。
https://twitter.com/wcandillon/status/1991574900113568112?s=20
Radon IDEのフリープランが登場
Software Mansionが開発しているReact Native用のIDE（VS Code & Cursor Extension）にフリープランが登場しました。 非商用利用であれば無料で使えるようになりました。
https://twitter.com/swmansion/status/1990801086622429568?s=20
expo-brownfield-targetが公開
Software Mansionから、ExpoアプリをBrownfield（既存のネイティブアプリ）に埋め込むためのExpo Config Pluginが公開されました。 react-native-brownfieldでReact Nativeで作られたアプリをBrownfieldに組み込みやすくなりましたが、CNGを使用したExpoアプリでは設定が複雑になっていました。 expo-brownfield-targetを利用することで、それらの設定が簡略化できるそうです。
https://twitter.com/swmansion/status/1991177091841208581?s=20
https://github.com/software-mansion-labs/expo-brownfield-target
React Native用のHTTP Server: op-serverが公開
React NativeアプリにHTTPサーバを組み込める、op-serverが公開されました。 こちらはC++で実装されており、プラットフォーム固有のライブラリへの依存もないそうです。 ユースケースとして、以下のようなものが上げられています
- ファイルサーバにする
- アプリからのデータを取得するエンドポイント
- テスト用のシミュレーターのエンドポイント
WebView用にHTMLをサーブするのにも利用できそうですね。
https://twitter.com/ospfranco/status/1991536516309397833?s=20
https://github.com/OP-Engineering/op-server
react-native-bootsplash v7のベータ版が公開
スプラッシュ画面のカスタマイズができる、react-native-bootsplashのv7 betaが公開されました。 Expo Config Pluginsがリニューアルし、app.config.js（app.json）でのカスタマイズがより簡単になりました。
https://twitter.com/zoontek/status/1990730674827854006?s=20
Liquid Glassスタイルのテキスト入力の例
v0アプリをインスパイアし、expo-glass-effectとreact-native-keyboard -controllerを使ってLiquid Glassスタイルのテキスト入力を実現しています。
https://twitter.com/1804davey/status/1991543281625485667?s=20
今週のひとこと
YogaのCSSサポートはずっと期待していたので、実際にReact Nativeに使えるようになるのが楽しみですね！ こちらのPRを提出したnishan氏、React NativeにiOSのfilter blurを追加したりなど、ここ最近のReact Nativeへの貢献が凄まじいですね。
本日11月26日、サイバーエージェント様にてReact Native Meetupが行われます！ 私も登壇予定なので、ぜひご参加ください！ （現地参加枠は埋まりましたが、オンライン参加枠はまだいくつか枠が残っていそうです）