chau_codes Twitch Stream 2022-09-02 — My first Twitch Chat Experience

Intro

• Chau’s cool

• Swearings cool when its due to being in the heat of the moment.

• Chat’s cool

Takeaways

• WSL file performance still sucks. 12 MB/s on a 3 Gb drive… so 88 / 3000 Mbps roughly.

• npm update before trying to run install on old demo packages, like the beautiful, but slightly stale, demo from 3DJakob

• Excellent documentation from Expo (??? who are they?)
• https://docs.expo.dev/workflow/android-studio-emulator/

Recommended Article

Expo Development Environment Setup for Your First React Native Project (Windows)

This steb-by-step guide will walk you through the Expo Development Environment setup for Windows users to prepare you for your first React Native project.

https://www.notjust.dev/blog/2021-11-04-expo-development-environment-setup-for-first-react-native-project-windows#installing-expo-cli

chaucodes - Overview

You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.

https://github.com/chaucodes

Links

https://www.twitch.tv/chau_codes

www.twitch.tv/ddoinc

Programming

• React Native

• Standard React Native Animations

• what is the UI framework?
• 2xl, not 3xl like Tailwind.
 
 

Slider Component

react-tinder-card (good demo, worse api)

Setting up React Native Android Emulator

1. Read https://docs.expo.dev/workflow/android-studio-emulator/

2. Download Android Studio from https://developer.android.com/studio#downloads

3. Create Emulated Device.

4. Enable USB Debugging
1. https://developer.android.com/studio/debug/dev-options
2. Enable Developer Options (tap about 5-7 times in Settings)
3. Go to Developer Options under Settings > System > Advanced > Developer Option

Run App

expo client:install:android

Is this error because I am on a 64 bit system?

 

Expo Setup ‣

npm i -g expo-cli

darwin Platform Errors

How to fix 'Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Provide details and share your research! Asking for help, clarification, or responding to other answers. Making statements based on opinion; back them up with references or personal experience. To learn more, see our tips on writing great answers.

https://stackoverflow.com/a/56105431

npm cache clean

Fix Greg’s Environment Variables

refreshenv nvm root

Reinstall NVM from Download Page

Fix npm-cli

npm install -g npm-cli

Back to…

npm install -g expo-cli

Part 2 - After npm is working

Miraculous!

Part 3 - react-native-tinder-swipe-cards

var sharedBlacklist = [
// /node_modules[\\/\\\\]react[/\\\\]dist[/\\\\].*/,
/node_modules\\[\\/\\]react\\[\\/\\]dist\\[\\\\].*/,
/website\\/node_modules\\/.*/,
/heapCapture\\/bundle\\.js/,
/.*\\/__tests__\\/.*/

];

Part 4 ‣

Up and Running - Expo Documentation

This guide assumes that you have Xcode and/or Android Studio installed and working. It also assumes that you want to create a new project. If you have an existing app that you would like to integrate the Expo SDK in an existing app, read the existing apps guide.

https://docs.expo.dev/bare/hello-world/

npx create-expo-app --template bare-minimum && npm i -g expo-cli

expo install expo-web-browser
expo run:android

Set JAVA_HOME Environment Variable

• Not everyone or anybody may need to do this but me.

• I messed up my env variables.

• https://bitactro.com/install-java/

C:\Program Files\Java\jre1.8.0_321\bin
C:\Progra~1\Java\jre1.8.0_321\bin

refreshenv

echo %JAVA_HOME%

PS W:\www\chau-2022-09-02\chompchau> cmd
Microsoft Windows [Version 10.0.19044.1889]
(c) Microsoft Corporation. All rights reserved.

W:\www\chau-2022-09-02\chompchau>echo %JAVA_HOME%
C:\Program Files\Java\jre1.8.0_321\bin

W:\www\chau-2022-09-02\chompchau>refreshenv
Refreshing environment variables from registry for cmd.exe. Please wait...Finished..

W:\www\chau-2022-09-02\chompchau>echo %JAVA_HOME%
C:\Progra~1\Java\jre1.8.0_321\bin

W:\www\chau-2022-09-02\chompchau>

expo run:android

W:\www\chau-2022-09-02\chompchau>expo run:android
WARNING: expo-cli has not yet been tested against Node.js v17.5.0.
If you encounter any issues, please report them to https://github.com/expo/expo-cli/issues

expo-cli supports following Node.js versions:
* >=12.13.0 <15.0.0 (Maintenance LTS)
* >=16.0.0 <17.0.0 (Active LTS)


This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo run:android

› Building app...

ERROR: JAVA_HOME is set to an invalid directory: C:\Progra~1\Java\jre1.8.0_321\bin

Please set the JAVA_HOME variable in your environment to match the
location of your Java installation.
W:\www\chau-2022-09-02\chompchau\android\gradlew.bat exited with non-zero code: 1
Error: W:\www\chau-2022-09-02\chompchau\android\gradlew.bat exited with non-zero code: 1
    at ChildProcess.completionListener (C:\Users\gsteve\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\spawn-async\src\spawnAsync.ts:65:13)
    at Object.onceWrapper (node:events:646:26)
    at ChildProcess.emit (node:events:526:28)
    at ChildProcess.cp.emit (C:\Users\gsteve\AppData\Roaming\npm\node_modules\expo-cli\node_modules\cross-spawn\lib\enoent.js:34:29)
    at maybeClose (node:internal/child_process:1090:16)
    at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
    ...
    at spawnAsync (C:\Users\gsteve\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\spawn-async\src\spawnAsync.ts:26:19)
    at spawnGradleAsync (C:\Users\gsteve\AppData\Roaming\npm\node_modules\expo-cli\src\commands\run\android\spawnGradleAsync.ts:83:18)
    at assembleAsync (C:\Users\gsteve\AppData\Roaming\npm\node_modules\expo-cli\src\commands\run\android\spawnGradleAsync.ts:57:16)
    at actionAsync (C:\Users\gsteve\AppData\Roaming\npm\node_modules\expo-cli\src\commands\run\android\runAndroid.ts:145:9)

W:\www\chau-2022-09-02\chompchau>

REBOOTING PC