メインコンテンツへスキップ

React Nativeアプリの構築にフレームワークを使用する

·5分で読めます
Nicola Corti
Nicola Corti
ソフトウェアエンジニア @ Meta

React Confにて、私たちはReact Nativeアプリの構築を始めるための最適なツールに関するガイダンスを更新しました。それは、本番環境で使えるアプリを構築するために必要なすべてのAPIを備えたツールボックスである、React Nativeフレームワークです。

ExpoなどのReact Nativeフレームワークを使用することが、新しいアプリを作成する際の**推奨**アプローチとなりました。

このブログ記事では、それらが具体的に何であるか、そして新しいプロジェクトを始めるReact Native開発者にとって何を意味するのかを詳しく説明します。

React Native 0.74 - Yoga 3.0、ブリッジレスな新アーキテクチャなど

·15分で読めます
Hur Ali
Hur Ali
ソフトウェアエンジニア @ Callstack
Alan Hughes
Alan Hughes
ソフトウェアエンジニア @ Expo
Alfonso Curbelo
Alfonso Curbelo
ソフトウェアエンジニア @ Coinbase
Alex Hunt
Alex Hunt
ソフトウェアエンジニア @ Meta
Nicola Corti
Nicola Corti
ソフトウェアエンジニア @ Meta

本日、React Native 0.74をリリースします!このリリースでは、Yoga 3.0、新アーキテクチャ下でのブリッジレスのデフォルト化、`onLayout`更新のバッチ処理(新アーキテクチャ)、新規プロジェクトのデフォルトパッケージマネージャーとしてのYarn 3が追加されます。

また、`PropTypes`の削除や`PushNotificationIOS`への破壊的変更など、非推奨APIの削除も行っています。Androidでは、SDK 23(Android 6.0)がサポートされる最小バージョンになりました。

ハイライト

破壊的変更

React Native 0.73 - デバッグの改善、安定したシンボリックリンク対応など

·13分で読めます
Marek Fořt
Marek Fořt
ソフトウェアエンジニア @ Shopify
Thibault Malbranche
Thibault Malbranche
リードモバイルエンジニア @ Brigad
Hur Ali
Hur Ali
ソフトウェアエンジニア @ Callstack
Luna Wei
Luna Wei
ソフトウェアエンジニア @ Meta
Alex Hunt
Alex Hunt
ソフトウェアエンジニア @ Meta

本日、React Native 0.73をリリースします!このリリースでは、Hermesによるデバッグの改善、安定版シンボリックリンクのサポート、Android 14のサポート、そして新しい実験的な機能が追加されています。また、従来のデバッグ機能は非推奨となり、新しいアーキテクチャの次の柱であるブリッジレスモードもリリースします!

ハイライト

破壊的変更

React Native 0.72 - シンボリックリンク対応、エラー表示の改善など

·8分で読めます
Lorenzo Sciandra
Lorenzo Sciandra
シニアソフトウェアエンジニア @ Microsoft
Marek Fořt
Marek Fořt
ソフトウェアエンジニア @ Shopify
Riccardo Cipolleschi
Riccardo Cipolleschi
ソフトウェアエンジニア @ Meta
Luna Wei
Luna Wei
ソフトウェアエンジニア @ Meta

本日、0.72をリリースします!

このリリースでは、Metroに待望の機能が追加され、エラーハンドリングが改善され、その他の開発者体験が向上しました。この作業の多くは、2022年のコミュニティ調査での皆様からのフィードバックに基づいて優先順位が付けられました。参加してくださった皆様、ありがとうございました!

ハイライト

破壊的変更

React NativeでのPackage Exportsのサポート

·10分で読めます
Alex Hunt
Alex Hunt
ソフトウェアエンジニア @ Meta

React Native 0.72のリリースに伴い、私たちのJavaScriptビルドツールであるMetroに、package.json"exports"フィールドのベータサポートが含まれるようになりました。有効にすると、以下の機能が追加されます。

この記事では、Package Exportsがどのように機能するのか、そしてこれらの変更がReact Nativeアプリ開発者やパッケージメンテナーにとって何を意味するのかを解説します。

React Native 0.71-RC0 Android障害の事後分析

2023年1月27日 ·8分で読めます
Nicola Corti
Nicola Corti
ソフトウェアエンジニア @ Meta
Lorenzo Sciandra
Lorenzo Sciandra
シニアソフトウェアエンジニア @ Microsoft

0.71が利用可能になった今、2022年11月4日にReact NativeとExpoのAndroidビルド向けに最初の0.71リリース候補を公開した際に、すべてのReact NativeバージョンのAndroidビルドを破壊したインシデントに関する重要な情報をお伝えしたいと思います。

このインシデントへの対処に協力したコントリビューターたちは、最近、事後検証ミーティングに参加し、何が起こったのか、そこから何を学んだのか、そして将来同様の障害を避けるためにどのようなアクションを取るべきかについて詳しく議論しました。

React Native 0.71: デフォルトでTypeScript、Flexbox Gapなど…

·13分で読めます
Matt Carroll
Matt Carroll
Meta社 デベロッパーアドボケイト
Nick Gerleman
Nick Gerleman
ソフトウェアエンジニア @ Meta
Nicola Corti
Nicola Corti
ソフトウェアエンジニア @ Meta
Lorenzo Sciandra
Lorenzo Sciandra
シニアソフトウェアエンジニア @ Microsoft

本日、React Native バージョン 0.71をリリースします!これは機能満載のリリースで、以下が含まれます。

この記事では、0.71のハイライトをいくつかご紹介します。

TypeScriptのファーストクラスサポート

·6分で読めます
Luna Wei
Luna Wei
ソフトウェアエンジニア @ Meta
Nick Gerleman
Nick Gerleman
ソフトウェアエンジニア @ Meta

0.71のリリースに伴い、React Nativeは以下の変更によりTypeScriptエクスペリエンスに投資しています

この記事では、これらの変更がTypeScriptまたはFlowユーザーにとって何を意味するのかを解説します。

React Nativeにおけるポインターイベント

·10分で読めます
Luna Wei
Luna Wei
ソフトウェアエンジニア @ Meta
Vincent Riemer
Vincent Riemer
ソフトウェアエンジニア @ Meta

本日、React Native向けの実験的なクロスプラットフォームポインターAPIを公開します。この記事では、その動機、仕組み、そしてReact Nativeユーザーにもたらすメリットについて説明します。有効化する方法についての説明もあり、皆さまからのフィードバックをお待ちしています!

モバイルを超えて構築することの利点と、それがすべてのプラットフォームにとってより高い基準を設けることについて多くのプラットフォームへのビジョンを共有してから1年以上が経ちました。この間、私たちはVR、デスクトップ、ウェブ向けのReact Nativeへの投資を増やしてきました。これらのプラットフォームではハードウェアやインタラクションが異なるため、React Nativeがどのように入力を包括的に扱うべきかという疑問が生じました。

React Nativeコアコントリビューターサミット2022

2022年11月22日 ·9分で読めます
Michał Pierzchała
Michał Pierzchała
テクノロジー責任者 @ Callstack
Nicola Corti
Nicola Corti
ソフトウェアエンジニア @ Meta

パンデミックとオンラインのみのイベントが数年続いた後、私たちはReact Nativeのコアコントリビューターを一同に集める時が来たと心から感じました!

そのため、9月の初めに、React Nativeのアクティブなコアコントリビューター、ライブラリメンテナー、そしてMetaのReact NativeおよびMetroチームの一部を集め、コアコントリビューターサミット2022を開催しました。Callstackがポーランドのヴロツワフにある本社で、同時開催のReact Native EUカンファレンスの一環としてこのサミットを主催しました。

私たちはReact Nativeコアチームと共に、参加者が参加できる一連のワークショップを考案しました。トピックは以下の通りです。

  • React Native CodegenとTypeScriptのサポート
  • React Native 新アーキテクチャのライブラリ移行
  • React Native モノレポ
  • Metro Web とエコシステムのアラインメント
  • Metro の簡素化されたリリースワークフロー

私たちは、この2日間にわたる知識共有とコラボレーションの量に感銘を受けました。このブログ記事では、この集まりの成果を少しだけお見せしたいと思います。