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

Introdução ao Universo React Native

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for DevTalks Bauru DevTalks Bauru
October 30, 2018
Programming
0
370

Introdução ao Universo React Native

Talk do Wendel Freitas

Avatar for DevTalks Bauru

DevTalks Bauru

October 30, 2018
Tweet

More Decks by DevTalks Bauru

See All by DevTalks Bauru
Construindo Microsserviços a partir de um Monolito
Avatar for DevTalks Bauru devtalksbauru
0
240
Robôs para Mercado Financeiro com MQL
Avatar for DevTalks Bauru devtalksbauru
1
210
Go, Goroutines, Concorrência e Outros Bichos
Avatar for DevTalks Bauru devtalksbauru
0
88
Como Garantir a Qualidade da Sua Aplicação
Avatar for DevTalks Bauru devtalksbauru
0
100
BDD - Além da Automação
Avatar for DevTalks Bauru devtalksbauru
0
93
PHP7 - Not for kids
Avatar for DevTalks Bauru devtalksbauru
0
49
A verdade sobre Frameworks
Avatar for DevTalks Bauru devtalksbauru
0
55
Home Office: Você e a sua empresa estão preparados?
Avatar for DevTalks Bauru devtalksbauru
0
140
DevTalks #16 - Diminua seu código Java com Kotlin
Avatar for DevTalks Bauru devtalksbauru
0
220

Other Decks in Programming

See All in Programming
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
570
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
230
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Done Done
Avatar for chrislema chrislema
186
16k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
85
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.2k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
65
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
240

Transcript

  1. Introdução ao universo 1 REACT NATIVE

  2. 2 Wendel Freitas Software Developer - @scaffoldeducation github.com/wendelfreitas medium.com/@wendelfreitas Wendel

    Freitas

  3. Demonstrar o poder e a facilidade do React Native

  4. Compartilhar conhecimento

  5. Provocar a curiosidade por tecnologias “bleeding-edge”

  6. 6 O QUE É REACT? O QUE ELE RESOLVE? Exemplo:

    • Fazer café • Estudar React Native • Estudar Apollo O QUE É REACT NATIVE?

  7. Por que usar React?

  8. “learn once, write anywhere” 8

  9. Mantido pelo Facebook

  10. 10 + MOTIVOS • VELOCIDADE NA RENDERIZAÇÃO • COMPONENTES REUTILIZÁVEIS

    • A ARQUITETURA NÃO É IMPOSTA • PERFORMÁTICO • COMUNIDADE E MERCADO

  11. Downloads pelo NPM

  12. 12 THREADS E BRIDGE Main Thread Javascript Shadow Queue

  13. 13 QUANDO EU PRECISO DA BRIDGE? • INTEGRAÇÃO SDK DE

    TERCEIROS • ALTA PERFORMANCE É CRUCIAL • TRABALHANDO COM APLICATIVOS “BROWNFIELD” • CONSUMIR MUITA CPU

  14. Comparativo 14

  15. 15 COMO COMEÇAR? Dependências

  16. Hello World! 16 App.js

  17. 17 Funções Componente

  18. 18 _handleAlert _handleAlertWithOptions

  19. 19 React Navigation

  20. 20 React Navigation Router Flux Redux Thunk Flow PropTypes

  21. 184.412 STARS NO GITHUB (React + React Native) 21

  22. SHOWCASE TIME 22

  23. 23

  24. 24

  25. 25 Obrigado! Perguntas? Contatos ▫ github.com/wendelfreitas ▫ [email protected]