2026-02-03 · #19
週刊React Native #19 Tamagui v2 RC、EAS builds 30%高速化、RNマルチスレッド活用ほか
Tamagui v2 RCがリリース#
React Native用のスタイリングとUIライブラリであるTamaguiのv2 RCが公開されました。 v1と比べてパフォーマンスの向上、安定性の向上、メニューなどのコンポーネントの追加など、様々な改善が行われています。 テストも拡充され、より安定したリリースを行えるようになったとのことです。
Tamagui 2 FINALLY here ...and it's a ridiculously loaded release. we've been hitting the gym, and we're back
Tamagui 2: more stable, easy, documented, fast, and feature-complete.More stable, easy, documented, fast, and feature-complete.Tamagui
VercelがReact Native用のAgent Skillsを公開#
v0アプリで培われた経験をもとに、Agent用のSkillsをVercelが公開しました。
We're releasing 𝚟𝚎𝚛𝚌𝚎𝚕-𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚜𝚔𝚒𝚕𝚕𝚜, extracted from the lessons of building v0 for iOS and the upcoming Vercel app (teaser below). ▲ ~/ npx skills add vercel-labs/agent-skills
こちらのReact Native用Agent Skillsについて、私もZennにまとめました。
React Native開発で活用したいCoding Agent向けSkills 3選Zenn
EAS buildsが30％高速化#
コンパイルに時間のかかるC/C++をccacheでキャッシュすることで、EAS buildのビルド時間が約30%高速化されました。
EAS_USE_CACHE=1オプションを指定すると有効化されます。
Your EAS builds just got 30% faster ⚡️ ️ Compiler caching with ccache is now live for everyone. No extra cost, zero config beyond one env variable. Works on Android (SDK 53+) and iOS (SDK 54+). expo.dev/changelog/compiler-ca…
TextFieldの同期的な検証#
無効な入力の除外や電話番号のリアルタイムフォーマットなど、入力テキストを同期的に検証することは、これまでのReact NativeのTextInputでは困難でした。 ExpoUIのTextFieldでは、react-native-workletsを活用してJSとネイティブを同期的に呼び出せるようになります。
Here is how it can be done with React Native's TextInput! gist.github.com/intergalactics… (will be simpler with Expo UI's TextField) twitter.com/nishanbende/status…
ExpoUIを使わない場合でも、公開されているコードで同様の実装が可能です。
Synchronous validation with React Native TextInputSynchronous validation with React Native TextInput - SyncTextInputValidation.tsxGist
React Native Workletsを使ったReact Nativeのマルチスレッドの活用例#
React Native Workletsは、もともとReact Native ReanimatedやReact Native Gesture Handlerで使われており、JSスレッドとは別のスレッドで重い処理を実行できます。 これにより、JSスレッドのボトルネックの影響を受けずにアニメーションなどを行えます。 こちらの記事では、react-native-vision-cameraがReact Native Workletsを活用した事例が紹介されています。
The React Native Worklets library finally makes multithreading in React Native possible. 🧵 In our new blog, @tjzeldev and @mrousavy dive into how worklets came to be and how they helped bring VisionCamera V5 to life. Check out the link below👇
React Navigation 8でイベントのログを表示できるように#
React Navigation 8では、DeepLinkやナビゲーションのイベントをloggerデバッグツールで確認できるようになりました。 何が起きているかのデバッグが容易になります。
React Navigation 8 now shows deep links that it handles, as well as events from navigators in the logger devtools. It should make it easier to debug what's happening.
React Native Directory VS Code Extensionの改善#
React Native DirectoryのVSCodeのExtensionに、package.jsonへメタデータを表示する機能が追加されました。 インストール済みライブラリの情報確認がしやすくなりそうです。
🛠️ React Native Directory VS Code extension update: you can now see metadata for installed libraries directly in package.json files, with even more details on hover. Let me know what you think! And yes, if inline hints aren’t your thing, you can turn them off in Settings.
今週のひとこと#
Tamaguiの新たなリリースがなかなか来ないなと思っていましたが、突然v2が発表されましたね！ 私も一ユーザーとして安定性に課題を感じていたため、v2でそこに焦点が当てられていて安心しました。 v3についても言及されているようで、今後も様々なアップデートがありそうです。