React-360 - Go beyond Final frontier

September 28, 2019

20

React-360 - Go beyond Final frontier

Talk on BrazilJS - Manaus

Matheus Monte

September 28, 2019

Tweet

More Decks by Matheus Monte

See All by Matheus Monte

I Forum carreira - FMM 2020

0

69

Order the Chaos: How to organize your react code

0

44

Técnicas de Util Prototype

1

37

Serverless - Basic Concepts

0

25

0

130

Using Angular and React in same context

0

29

Async Renderer - What's next?

0

39

Componentization with React

0

190

Web API with Flash: Code fast, delivery faster

0

24

Other Decks in Programming

See All in Programming

OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI

2

180

JavaScript Closure

0

520

雑に思考を整理する技術と効能

64

31k

業務ツールとして使うPostman

0

110

2 週間で Twitter Bot を作ってみた

0

790

if constexpr文はテンプレート世界のラムダ式である

3

690

GitHub Copilotのススメ

1

240

TCAとKMPを用いた新規動画配信アプリ「ABEMA Live」の設計

2

130

Goのエラースタックトレースの歴史と今後

10

1.9k

大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~

4

1k

Balkan Ruby 2024 — How and why to run SQLite on Rails in production

0

100

Fragment Composition of GraphQL

13

1.5k

Featured

See All Featured

CSS Pre-Processors: Stylus, Less & Sass

352

28k

Faster Mobile Websites

300

30k

How to Create Impact in a Changing Tech Landscape [PerfNow 2023]

21

1.6k

A Philosophy of Restraint

197

16k

The Power of CSS Pseudo Elements

62

5k

Easily Structure & Communicate Ideas using Wireframe

188

16k

GraphQLとの向き合い方2022年版

33

12k

Large-scale JavaScript Application Architecture

504

110k

For a Future-Friendly Web

172

9k

Robots, Beer and Maslow

155

7.9k

Pencils Down: Stop Designing & Start Developing

117

11k

Statistics for Hackers

790

220k

Transcript

Indo além da fronteira final
Artesão de Software Pai Sidia
Breve história de interações
None
None
None
None
None
None
None
What's next?
None
None
None
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
Estrutura de um aplicativo React-360 REACT FILES RUNTIME RACT FILES
APP DEVICE
Como eu começo? npm install -g react-360-cli react-360 init BrazilJSManausVR
npm start
None
Alguns conceitos importantes - Surfaces - Cylinder - Flat -
Objetos 3D - Entity - Location
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 />
API's nativas - Animated - AsyncStorage - ControllerInfo - Environment
Tipos de Uso - Aplicações de conteúdo - Slideshows 360
- Formulários - Manipulação de objetos
None
None
None
None
Q&A - Manda Bala