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

React-360 - Go beyond Final frontier

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
670
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
700
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
190
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
970
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
200
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610

Featured

See All Featured
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
100
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
50k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k

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