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

はじめに

React Nativeの旅の始まりへようこそ！もしあなたが開始手順を探しているなら、それらは専用のセクションに移動しました。ドキュメント、ネイティブコンポーネント、Reactなどの紹介については、読み進めてください！

React Nativeは、上級iOS開発者からReact初心者、キャリアで初めてプログラミングを始める人まで、さまざまな人が利用しています。このドキュメントは、経験レベルやバックグラウンドに関係なく、すべての学習者向けに書かれています。

このドキュメントの使い方​

ここから始めて、本のようにこのドキュメントを順に読み進めることもできます。または、必要な特定のセクションを読むこともできます。すでにReactに精通していますか？そのセクションはスキップできます。あるいは、軽く復習のために読むこともできます。

前提条件​

React Nativeを使用するには、JavaScriptの基礎を理解している必要があります。JavaScriptを初めて使用する場合や、復習が必要な場合は、Mozilla Developer Networkで深く掘り下げて、または復習することができます。

React、Android、またはiOS開発に関する事前知識がないことを前提に最善を尽くしますが、これらは意欲的なReact Native開発者にとって価値のある学習トピックです。適切な場所では、さらに深く掘り下げるためのリソースや記事へのリンクを提供しています。

インタラクティブな例​

この紹介では、このようなインタラクティブな例をブラウザですぐに開始できます。

上記はSnack Playerです。これは、Expoによって作成された便利なツールで、React Nativeプロジェクトを埋め込み、実行し、AndroidやiOSなどのプラットフォームでどのようにレンダリングされるかを共有できます。コードはライブで編集可能なので、ブラウザで直接試すことができます。上記の「Try editing me!」のテキストを「Hello, world!」に変更してみてください。

オプションで、ローカル開発環境を設定する場合は、ローカルマシンに環境を設定するためのガイドに従って、コード例をプロジェクトに貼り付けることができます。（Web開発者の場合は、モバイルブラウザテスト用にローカル環境がすでに設定されている場合があります！）

開発者向けノート​

さまざまな開発バックグラウンドを持つ人々がReact Nativeを学んでいます。WebからAndroid、iOSなど、さまざまなテクノロジーの経験があるかもしれません。私たちは、あらゆるバックグラウンドの開発者向けに書くように努めています。時々、次のように1つのプラットフォームまたは別のプラットフォームに固有の説明を提供します。

Web開発者はこの概念に精通しているかもしれません。

書式設定​

メニューパスは太字で記述され、カレットを使用してサブメニューをナビゲートします。例：Android Studio > Preferences

このガイドの仕組みを理解したので、React Nativeの基礎であるネイティブコンポーネントについて学ぶ時が来ました。