Create your first app

Resources:

  1. https://docs.expo.dev/tutorial/create-your-first-app/
  2. https://laracasts.com/series/build-mobile-apps-with-react-native-and-expo/episodes/2
  3. https://www.reactnative.dev/ui-programming/using-svgs
  4. https://www.reactnative.dev/docs/touchableopacity
  5. https://react-svgr.com/playground/?native=true
  6. https://icons.expo.fyi/AntDesign/setting
  7. https://github.com/drehimself/lc-rn-twitter-clone
  8. https://github.com/drehimself/lc-laravel-twitter-clone
  9. https://icons.expo.fyi/
  10. https://www.reactnative.dev/ui-programming/using-svgs
  11. https://docs.expo.dev/ui-programming/using-svgs/



npx create-expo-app StickerSmash

cd StickerSmash


npx expo install react-dom react-native-web @expo/webpack-config

npx expo start

install the expo go app in android phone:
scan the code with your phone:


OPEN ON BROWSER localhost:19006
press w

rename App.js to App.jsx to work with emmet better
install prettier
npm i prettier

expo install react-native-svg
or npx expo install react-native-svg
grab svg from heroicons.com
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.697 50.697 0 0112 13.489a50.702 50.702 0 017.74-3.342M6.75 15a.75.75 0 100-1.5.75.75 0 000 1.5zm0 0v-3.675A55.378 55.378 0 0112 8.443m-7.007 11.55A5.981 5.981 0 006.75 15.75v-1.5" />
</svg>

go to https://react-svgr.com/playground/?native=true and paste svg code

create the svg file from the jsx output

touch IconSettings.jsx












###############DIDINT WORK
https://laracasts.com/series/build-mobile-apps-with-react-native-and-expo/episodes/1
Build Mobile Apps With React Native and Expo
Demo and Installation

$ npm install --global expo-cli

$ expo init project

> Minimal
 code project
 
- cd project
- yarn android
- yarn ios # you need to use macOS to build the iOS project - use managed workflow if you need to do iOS development without a Mac
- yarn web

code my-project

npm start
http://localhost:8081/
{"name":"project","slug":"project","version":"1.0.0","assetBundlePatterns":["**/*"],"_internal":{"isDebug":false,"projectRoot":"G:\\APPS\\Larave-React\\Twitter-clone\\project","dynamicConfigPath":null,"staticConfigPath":"G:\\APPS\\Larave-React\\Twitter-clone\\project\\app.json","packageJsonPath":"G:\\APPS\\Larave-React\\Twitter-clone\\project\\package.json"},"sdkVersion":"48.0.0","platforms":["ios","android"],"debuggerHost":"127.0.0.1:8081","logUrl":"http://127.0.0.1:8081/logs","developer":{"tool":"expo-cli","projectRoot":"G:\\APPS\\Larave-React\\Twitter-clone\\project"},"packagerOpts":{"dev":true},"mainModuleName":"index","__flipperHack":"React Native packager is running","hostUri":"127.0.0.1:8081","bundleUrl":"http://127.0.0.1:8081/index.bundle?platform=ios&dev=true&hot=false","id":"@anonymous/project-ceadba14-4faf-414e-bc40-dbcd70d8bfaa"}

select: run in web browser





Expo Upgrade - Failed To Install Expo Package With Error: Yarnpkg Exited With Non-zero Code: 1