2025-11-26 · #12
週刊React Native #12 Yoga CSS Grid対応、Radon IDEフリープラン、React Native Skia 2.4ほか
Yoga LayoutにCSS Gridがサポートされるかも？#
React Nativeでも使われている、Yoga LayoutにCSS GridをサポートするPRが作成されました。 React NativeでもCSS Gridがサポートされるかもしれないので、期待したいですね！
🆕 This PR from @nishanbende adds CSS grid support to react native 🙌 Can’t overstate how massive this is for all of us. Future generations will celebrate Nishan Bende Day 🐐 github.com/facebook/yoga/pull/…
React Native Skia 2.4.0が公開#
React Native Skiaの2.4.0が公開され、zIndexがサポートされました。
React Native Skia 2.4.0 supports zIndex, about time, eh?
Radon IDEのフリープランが登場#
Software Mansionが開発しているReact Native用のIDE（VS Code & Cursor Extension）にフリープランが登場しました。 非商用利用であれば無料で使えるようになりました。
You can now use Radon on a free plan! 🎉 ✅best fit for students & freelance projects ✅includes Element Inspector, debugging & logging tools, Expo Router integration, dev tools, and more. Try it out for non-commercial purposes with zero commitment! ➡️grab your free license:
expo-brownfield-targetが公開#
Software Mansionから、ExpoアプリをBrownfield（既存のネイティブアプリ）に埋め込むためのExpo Config Pluginが公開されました。 react-native-brownfieldでReact Nativeで作られたアプリをBrownfieldに組み込みやすくなりましたが、CNGを使用したExpoアプリでは設定が複雑になっていました。 expo-brownfield-targetを利用することで、それらの設定が簡略化できるそうです。
Introducing expo-brownfield-target – a config plugin for Expo that lets you use your Expo app inside a different native iOS or Android app! 🚀 Why did we build it? Setting up brownfield projects with CNG can be complex and repetitive. expo-brownfield-target automates the setup,
React Native用のHTTP Server: op-serverが公開#
React NativeアプリにHTTPサーバを組み込める、op-serverが公開されました。 こちらはC++で実装されており、プラットフォーム固有のライブラリへの依存もないそうです。 ユースケースとして、以下のようなものが上げられています
- ファイルサーバにする
- アプリからのデータを取得するエンドポイント
- テスト用のシミュレーターのエンドポイント
WebView用にHTMLをサーブするのにも利用できそうですね。
Just released a new react native library op-server github.com/OP-Engineering/op-s… A C++ http server implementation that uses pure JSI bindings. Https is not implemented yet but possible More than performance it's about ease of use. Does not depend on any platform specific libs, just
react-native-bootsplash v7のベータ版が公開#
スプラッシュ画面のカスタマイズができる、react-native-bootsplashのv7 betaが公開されました。 Expo Config Pluginsがリニューアルし、app.config.js（app.json）でのカスタマイズがより簡単になりました。
Just published the first react-native-bootsplash v7 beta, with a revamped expo plugin that doesn't require running the CLI first to create the assets anymore. This allow you to easily customize your splash screen programatically ✨ Give it a try: github.com/zoontek/react-nativ…
Liquid Glassスタイルのテキスト入力の例#
v0アプリをインスパイアし、expo-glass-effectとreact-native-keyboard -controllerを使ってLiquid Glassスタイルのテキスト入力を実現しています。
Liquid Glass style text input built using @expo-glass-effect and react-native-keyboard -controller by @ziusko. Inspired by @v0 mobile.
今週のひとこと#
YogaのCSSサポートはずっと期待していたので、実際にReact Nativeに使えるようになるのが楽しみですね！ こちらのPRを提出したnishan氏、React NativeにiOSのfilter blurを追加したりなど、ここ最近のReact Nativeへの貢献が凄まじいですね。
本日11月26日、サイバーエージェント様にてReact Native Meetupが行われます！ 私も登壇予定なので、ぜひご参加ください！ （現地参加枠は埋まりましたが、オンライン参加枠はまだいくつか枠が残っていそうです）
React Native Meetup #23 @サイバーエージェント (2025/11/26 19:00〜)# React Native Meetup #23 @サイバーエージェント ## イベントの概要 / Overview React Native に関する知見を共有するLT会の第23回を開催します！ 今回は 株式会社サイバーエージェント 様と合同で開催する Meetup になっています。 今回、Meta社からゲストとしてAlex Huntをお呼びしています。 発表は英語/日本語で行われます。 * * * We will be holding a meetup about sharing React Native knowledge for the 19th time! This ...connpass