Giter VIP home page Giter VIP logo

ar-workshop-torontojs-feb2020's Introduction

TorontoJS: React Native AR Workshop

In advance of the Augmented Reality Workshop, please make sure you have the boilerplate prepared! Please complete the following steps ahead of time. This will give us more time to focus on the fun parts of the workshop!

Make sure your computer is set up to develop react native applications. This means that with a generic react-native init <project> you are able to get something up and running in react native.

We will be using phones instead of simulators: Please make sure your phone supports AR Applications!

Steps to prepare for Workshop

  1. Download Viromedia app to your phone, we need this for its TestBed feature which will help us iterate faster!
  2. globally install ngrok with npm or yarn
  3. globally install react-viro-cli with npm or yarn
  4. Using the react-viro-cli, create the app with react-viro init **[MyJSWorkshop]**
  5. Run the app: npm start
  6. Ngrok should give you a forwarding address at https://[myurl].ngrok.io
  7. Find the testbed on the ViroMedia app and enter that address in. If all goes well, your app should render!

ar-workshop-torontojs-feb2020's People

Contributors

simistern avatar

Watchers

avatar avatar

Forkers

5hel2l2y

ar-workshop-torontojs-feb2020's Issues

Type Error: fsevents is not a function

Error after ngrok and metrobundler,
During Loading dependency graph...

Loading dependency graph...(node:2779) UnhandledPromiseRejectionWarning: TypeError: fsevents is not a function
    at new FSEventsWatcher ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/sane/src/fsevents_watcher.js:47:20)
    at createWatcher ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/jest-haste-map/build/index.js:927:23)
    at Array.map (<anonymous>)
    at HasteMap._watch ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/jest-haste-map/build/index.js:1092:44)
    at _buildPromise._buildFileMap.then.then.hasteMap ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/jest-haste-map/build/index.js:463:23)
(node:2779) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:2779) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
(node:2779) UnhandledPromiseRejectionWarning: TypeError: fsevents is not a function
    at new FSEventsWatcher ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/sane/src/fsevents_watcher.js:47:20)
    at createWatcher ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/jest-haste-map/build/index.js:927:23)
    at Array.map (<anonymous>)
    at HasteMap._watch ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/jest-haste-map/build/index.js:1092:44)
    at _buildPromise._buildFileMap.then.then.hasteMap ([parent-directory]/AR-workshop-torontojs-feb2020/node_modules/metro/node_modules/jest-haste-map/build/index.js:463:23)
(node:2779) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)

Possible Causes:

  • I'm unable to globally install ngrok + viro-cli on my machine, so instead changed line 26 of node_modules/react-viro/bin/run_ngrok.sh from ngrok http 8081 > /dev/null & to npx ngrok http 8081 > /dev/null & ngrok provides an endpoint and seems to work (the above error is also displayed on testbed)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.