Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React-360 - Go beyond Final frontier

Avatar for Matheus Monte Matheus Monte
September 28, 2019
Programming
0
36

React-360 - Go beyond Final frontier

Talk on BrazilJS - Manaus

Avatar for Matheus Monte

Matheus Monte

September 28, 2019
Tweet

More Decks by Matheus Monte

See All by Matheus Monte
I Forum carreira - FMM 2020
Avatar for Matheus Monte matheusmonte
0
76
Order the Chaos: How to organize your react code
Avatar for Matheus Monte matheusmonte
0
53
Técnicas de Util Prototype
Avatar for Matheus Monte matheusmonte
1
50
Serverless - Basic Concepts
Avatar for Matheus Monte matheusmonte
0
43
PyDTN
Avatar for Matheus Monte matheusmonte
0
180
Using Angular and React in same context
Avatar for Matheus Monte matheusmonte
0
38
Async Renderer - What's next?
Avatar for Matheus Monte matheusmonte
0
51
Componentization with React
Avatar for Matheus Monte matheusmonte
0
310
Web API with Flash: Code fast, delivery faster
Avatar for Matheus Monte matheusmonte
0
32

Other Decks in Programming

See All in Programming
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.1k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
990
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
680
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
830
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
48
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
220
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160

Transcript

  1. Indo além da fronteira final

  2. Artesão de Software Pai Sidia

  3. Breve história de interações

  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None

  11. What's next?

  12. None
  13. None
  14. None

  15. React-360 Um framework visual construído sobre o React com o

    intuito de construir experiências 360 e VR para Web, dispositivos móveis, desktop e VR devices

  16. Estrutura de um aplicativo React-360 REACT FILES RUNTIME RACT FILES

    APP DEVICE

  17. Como eu começo? npm install -g react-360-cli react-360 init BrazilJSManausVR

    npm start
  18. None

  19. Alguns conceitos importantes - Surfaces - Cylinder - Flat -

    Objetos 3D - Entity - Location

  20. Componentes nativos oferecidos - View <View style={{backgroundColor: 'blue', flex: 0.3}}

    /> - Image <Image source={{uri: 'minha_imagem.png'}} /> - Entity <Entity source={{obj: asset('standalone.obj')}}/> - VR Button <VrButton />

  21. API's nativas - Animated - AsyncStorage - ControllerInfo - Environment

  22. Tipos de Uso - Aplicações de conteúdo - Slideshows 360

    - Formulários - Manipulação de objetos
  23. None
  24. None
  25. None
  26. None

  27. Q&A - Manda Bala