From 2b1da12dd42d849b2ad0728d6bad459d288f761f Mon Sep 17 00:00:00 2001 From: Alex Hunt Date: Thu, 6 Apr 2023 14:34:36 +0100 Subject: [PATCH] [docs] Update/simplify info around Metro for env setup --- docs/_getting-started-linux-android.md | 8 ++++---- docs/_getting-started-macos-android.md | 8 ++++---- docs/_getting-started-macos-ios.md | 8 ++++---- docs/_getting-started-windows-android.md | 8 ++++---- 4 files changed, 16 insertions(+), 16 deletions(-) diff --git a/docs/_getting-started-linux-android.md b/docs/_getting-started-linux-android.md index 2cfb56a450d..34b507b9080 100644 --- a/docs/_getting-started-linux-android.md +++ b/docs/_getting-started-linux-android.md @@ -126,9 +126,7 @@ Click "Next" then "Finish" to create your AVD. At this point you should be able

Step 1: Start Metro

-First, you will need to start Metro, the JavaScript bundler that ships with React Native. Metro "takes in an entry file and various options, and returns a single JavaScript file that includes all your code and its dependencies."—[Metro Docs](https://facebook.github.io/metro/docs/concepts) - -To start Metro, run following command inside your React Native project folder: +[**Metro**](https://facebook.github.io/metro/) is the JavaScript build tool for React Native. To start the Metro development server, run the following from your project folder: @@ -147,7 +145,9 @@ yarn start -> If you're familiar with web development, Metro is a lot like webpack—for React Native apps. Unlike Kotlin or Java, JavaScript isn't compiled—and neither is React Native. Bundling isn't the same as compiling, but it can help improve startup performance and translate some platform-specific JavaScript into more widely supported JavaScript. +:::note +If you're familiar with web development, Metro is similar to bundlers such as Vite and Webpack, but is designed end-to-end for React Native. For instance, Metro uses [Babel](https://babel.dev/) to transform syntax such as JSX into executable JavaScript. +:::

Step 2: Start your application

diff --git a/docs/_getting-started-macos-android.md b/docs/_getting-started-macos-android.md index 63c4745095f..4c37a62273d 100644 --- a/docs/_getting-started-macos-android.md +++ b/docs/_getting-started-macos-android.md @@ -141,9 +141,7 @@ Click "Next" then "Finish" to create your AVD. At this point you should be able

Step 1: Start Metro

-First, you will need to start Metro, the JavaScript bundler that ships with React Native. Metro "takes in an entry file and various options, and returns a single JavaScript file that includes all your code and its dependencies."—[Metro Docs](https://facebook.github.io/metro/docs/concepts) - -To start Metro, run following command inside your React Native project folder: +[**Metro**](https://facebook.github.io/metro/) is the JavaScript build tool for React Native. To start the Metro development server, run the following from your project folder: @@ -162,7 +160,9 @@ yarn start -> If you're familiar with web development, Metro is a lot like webpack—for React Native apps. Unlike Kotlin or Java, JavaScript isn't compiled—and neither is React Native. Bundling isn't the same as compiling, but it can help improve startup performance and translate some platform-specific JavaScript into more widely supported JavaScript. +:::note +If you're familiar with web development, Metro is similar to bundlers such as Vite and Webpack, but is designed end-to-end for React Native. For instance, Metro uses [Babel](https://babel.dev/) to transform syntax such as JSX into executable JavaScript. +:::

Step 2: Start your application

diff --git a/docs/_getting-started-macos-ios.md b/docs/_getting-started-macos-ios.md index 7cdafddbf2a..dc898c41660 100644 --- a/docs/_getting-started-macos-ios.md +++ b/docs/_getting-started-macos-ios.md @@ -104,9 +104,7 @@ You might also want to ensure that all "shell script build phase" of your Xcode ### Step 1: Start Metro -First, you will need to start Metro, the JavaScript bundler that ships with React Native. Metro "takes in an entry file and various options, and returns a single JavaScript file that includes all your code and its dependencies."—[Metro Docs](https://facebook.github.io/metro/docs/concepts) - -To start Metro, run following command inside your React Native project folder: +[**Metro**](https://facebook.github.io/metro/) is the JavaScript build tool for React Native. To start the Metro development server, run the following from your project folder: @@ -125,7 +123,9 @@ yarn start -> If you're familiar with web development, Metro is a lot like webpack—for React Native apps. Unlike Swift or Objective-C, JavaScript isn't compiled—and neither is React Native. Bundling isn't the same as compiling, but it can help improve startup performance and translate some platform-specific JavaScript into more widely supported JavaScript. +:::note +If you're familiar with web development, Metro is similar to bundlers such as Vite and Webpack, but is designed end-to-end for React Native. For instance, Metro uses [Babel](https://babel.dev/) to transform syntax such as JSX into executable JavaScript. +::: ### Step 2: Start your application diff --git a/docs/_getting-started-windows-android.md b/docs/_getting-started-windows-android.md index efb304be7f1..ce66ac4f848 100644 --- a/docs/_getting-started-windows-android.md +++ b/docs/_getting-started-windows-android.md @@ -157,9 +157,7 @@ Click "Next" then "Finish" to create your AVD. At this point you should be able

Step 1: Start Metro

-First, you will need to start Metro, the JavaScript bundler that ships with React Native. Metro "takes in an entry file and various options, and returns a single JavaScript file that includes all your code and its dependencies."—[Metro Docs](https://facebook.github.io/metro/docs/concepts) - -To start Metro, run following command inside your React Native project folder: +[**Metro**](https://facebook.github.io/metro/) is the JavaScript build tool for React Native. To start the Metro development server, run the following from your project folder: @@ -178,7 +176,9 @@ yarn start -> If you're familiar with web development, Metro is a lot like webpack—for React Native apps. Unlike Kotlin or Java, JavaScript isn't compiled—and neither is React Native. Bundling isn't the same as compiling, but it can help improve startup performance and translate some platform-specific JavaScript into more widely supported JavaScript. +:::note +If you're familiar with web development, Metro is similar to bundlers such as Vite and Webpack, but is designed end-to-end for React Native. For instance, Metro uses [Babel](https://babel.dev/) to transform syntax such as JSX into executable JavaScript. +:::

Step 2: Start your application