Skip to content

Instantly share code, notes, and snippets.

@xcession

xcession/dev-env-react-windows.md

Last active April 21, 2020 13:10
Show Gist options
  • Save xcession/f72098c0a4fdb8c2a665eac531924d77 to your computer and use it in GitHub Desktop.
Save xcession/f72098c0a4fdb8c2a665eac531924d77 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. xcession revised this gist Apr 21, 2020. 1 changed file with 8 additions and 0 deletions.
    8 changes: 8 additions & 0 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -14,22 +14,27 @@
    $ choco install node.js
    $ choco install watchman
    ```

    - Install Python 2
    ```
    $ choco install python2
    ```

    - Install Yarn
    ```
    $ choco install yarn
    ```

    - Install JDK
    ```
    $ choco install jdk8
    ```

    - Install Android Studio
    ```
    $ brew cask install android-studio
    ```

    - Install Android SDK
    - Open **SDK Manager**
    - Select **SDK Platforms** tab
    @@ -49,7 +54,9 @@ $ brew cask install android-studio
    C:\Users\username\AppData\Local\Android\Sdk
    ```
    > Make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior → System Settings → Android SDK**

    - Create Android Virtual Device using the **AVD Manager**

    - Run `react-native` and `expo` without global install
    - To create `react-native` project
    ```
    @@ -59,6 +66,7 @@ $ brew cask install android-studio
    ```
    $ npx expo init <project>
    ```

    - *(Optional)* Install React Native
    - Using `npm`
    ```
  2. xcession revised this gist Apr 21, 2020. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -49,6 +49,7 @@ $ brew cask install android-studio
    C:\Users\username\AppData\Local\Android\Sdk
    ```
    > Make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior → System Settings → Android SDK**
    - Create Android Virtual Device using the **AVD Manager**
    - Run `react-native` and `expo` without global install
    - To create `react-native` project
    ```
  3. xcession revised this gist Apr 21, 2020. 1 changed file with 1 addition and 10 deletions.
    11 changes: 1 addition & 10 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -68,13 +68,4 @@ $ brew cask install android-studio
    ```
    $ yarn global add react-native-cli
    $ yarn global add expo-cli
    ```

    - To create `react-native` project
    ```
    $ react-native init <project>
    ```
    - To create `expo` project
    ```
    $ expo init <project>
    ```
    ```
  4. xcession revised this gist Apr 21, 2020. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -69,6 +69,7 @@ $ brew cask install android-studio
    $ yarn global add react-native-cli
    $ yarn global add expo-cli
    ```

    - To create `react-native` project
    ```
    $ react-native init <project>
  5. xcession revised this gist Apr 21, 2020. 1 changed file with 11 additions and 3 deletions.
    14 changes: 11 additions & 3 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -50,11 +50,11 @@ $ brew cask install android-studio
    ```
    > Make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior → System Settings → Android SDK**
    - Run `react-native` and `expo` without global install
    - `react-native`
    - To create `react-native` project
    ```
    $ npx react-native init <project>
    ```
    - `expo`
    - To create `expo` project
    ```
    $ npx expo init <project>
    ```
    @@ -68,4 +68,12 @@ $ brew cask install android-studio
    ```
    $ yarn global add react-native-cli
    $ yarn global add expo-cli
    ```
    ```
    - To create `react-native` project
    ```
    $ react-native init <project>
    ```
    - To create `expo` project
    ```
    $ expo init <project>
    ```
  6. xcession revised this gist Apr 21, 2020. 1 changed file with 10 additions and 10 deletions.
    20 changes: 10 additions & 10 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -49,7 +49,16 @@ $ brew cask install android-studio
    C:\Users\username\AppData\Local\Android\Sdk
    ```
    > Make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior → System Settings → Android SDK**
    - Install React Native
    - Run `react-native` and `expo` without global install
    - `react-native`
    ```
    $ npx react-native init <project>
    ```
    - `expo`
    ```
    $ npx expo init <project>
    ```
    - *(Optional)* Install React Native
    - Using `npm`
    ```
    $ npm install -g react-native-cli
    @@ -59,13 +68,4 @@ $ brew cask install android-studio
    ```
    $ yarn global add react-native-cli
    $ yarn global add expo-cli
    ```
    - Run `react-native` and `expo` without global install
    - `react-native`
    ```
    $ npx react-native init <project>
    ```
    - `expo`
    ```
    $ npx expo init <project>
    ```
  7. xcession revised this gist Apr 20, 2020. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -46,6 +46,7 @@ $ brew cask install android-studio
    - Click on **New**
    ```
    ANDROID_HOME
    C:\Users\username\AppData\Local\Android\Sdk
    ```
    > Make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior → System Settings → Android SDK**
    - Install React Native
  8. xcession revised this gist Apr 19, 2020. 1 changed file with 1 addition and 5 deletions.
    6 changes: 1 addition & 5 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -45,11 +45,7 @@ $ brew cask install android-studio
    - Click on **Environment Variables...**
    - Click on **New**
    ```
    export ANDROID_HOME=$HOME/Library/Android/sdk
    export PATH=$PATH:$ANDROID_HOME/emulator
    export PATH=$PATH:$ANDROID_HOME/tools
    export PATH=$PATH:$ANDROID_HOME/tools/bin
    export PATH=$PATH:$ANDROID_HOME/platform-tools
    ANDROID_HOME
    ```
    > Make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior → System Settings → Android SDK**
    - Install React Native
  9. xcession revised this gist Apr 19, 2020. 1 changed file with 22 additions and 0 deletions.
    22 changes: 22 additions & 0 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -30,6 +30,28 @@ $ choco install jdk8
    ```
    $ brew cask install android-studio
    ```
    - Install Android SDK
    - Open **SDK Manager**
    - Select **SDK Platforms** tab
    - Check **Show Package Details** in the bottom right corner
    - Expand `Android 9 (Pie)`
    - Check `Android SDK Platform 28`
    - Check `Google APIs Intel x86 Atom System Image`
    - Click "Apply" to download and install the Android SDK
    - Configure ANDROID_HOME environment variable
    - Open the **System** pane under **System and Security** in the Windows Control Panel
    - Click **Change settings...**
    - Open **Advanced** tab
    - Click on **Environment Variables...**
    - Click on **New**
    ```
    export ANDROID_HOME=$HOME/Library/Android/sdk
    export PATH=$PATH:$ANDROID_HOME/emulator
    export PATH=$PATH:$ANDROID_HOME/tools
    export PATH=$PATH:$ANDROID_HOME/tools/bin
    export PATH=$PATH:$ANDROID_HOME/platform-tools
    ```
    > Make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior → System Settings → Android SDK**
    - Install React Native
    - Using `npm`
    ```
  10. xcession revised this gist Apr 18, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -9,7 +9,7 @@
    Windows React/React Native
    ```

    - Install Node.js
    - Install Node & Watchman
    ```
    $ choco install node.js
    $ choco install watchman
  11. xcession revised this gist Apr 18, 2020. No changes.
  12. xcession created this gist Apr 18, 2020.
    52 changes: 52 additions & 0 deletions dev-env-react-windows.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,52 @@
    # Windows React/React Native Development Environment

    ```
    _
    __| | _____ __ ___ _ ____ __
    / _` |/ _ \ \ / / / _ \ '_ \ \ / /
    | (_| | __/\ V / | __/ | | \ V /
    \__,_|\___| \_/ \___|_| |_|\_/
    Windows React/React Native
    ```

    - Install Node.js
    ```
    $ choco install node.js
    $ choco install watchman
    ```
    - Install Python 2
    ```
    $ choco install python2
    ```
    - Install Yarn
    ```
    $ choco install yarn
    ```
    - Install JDK
    ```
    $ choco install jdk8
    ```
    - Install Android Studio
    ```
    $ brew cask install android-studio
    ```
    - Install React Native
    - Using `npm`
    ```
    $ npm install -g react-native-cli
    $ npm install -g expo-cli
    ```
    - Using `yarn`
    ```
    $ yarn global add react-native-cli
    $ yarn global add expo-cli
    ```
    - Run `react-native` and `expo` without global install
    - `react-native`
    ```
    $ npx react-native init <project>
    ```
    - `expo`
    ```
    $ npx expo init <project>
    ```