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

Introdução ao Universo React Native

Avatar for DevTalks Bauru DevTalks Bauru
October 30, 2018
Programming
0
360

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
210
Robôs para Mercado Financeiro com MQL
Avatar for DevTalks Bauru devtalksbauru
1
200
Go, Goroutines, Concorrência e Outros Bichos
Avatar for DevTalks Bauru devtalksbauru
0
79
Como Garantir a Qualidade da Sua Aplicação
Avatar for DevTalks Bauru devtalksbauru
0
97
BDD - Além da Automação
Avatar for DevTalks Bauru devtalksbauru
0
91
PHP7 - Not for kids
Avatar for DevTalks Bauru devtalksbauru
0
47
A verdade sobre Frameworks
Avatar for DevTalks Bauru devtalksbauru
0
49
Home Office: Você e a sua empresa estão preparados?
Avatar for DevTalks Bauru devtalksbauru
0
130
DevTalks #16 - Diminua seu código Java com Kotlin
Avatar for DevTalks Bauru devtalksbauru
0
200

Other Decks in Programming

See All in Programming
レガシープロジェクトで最大限AIの恩恵を受けられるようClaude Codeを利用する
Avatar for tk1351 tk1351
4
1.5k
あのころの iPod を どうにか再生させたい
Avatar for orumin orumin
2
2.6k
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
0
210
オープンセミナー2025 @広島 LT 技術ブログを続けるには
Avatar for Satoshi Kaneyasu satoshi256kbyte
0
150
AHC051解法紹介
Avatar for eijirou eijirou
0
640
Updates on MLS on Ruby (and maybe more)
Avatar for sylph01 sylph01
1
160
RDoc meets YARD
Avatar for Masafumi Okura okuramasafumi
4
160
Improving my own Ruby thereafter
Avatar for monochrome sisshiki1969
1
130
A Gopher's Guide to Vibe Coding
Avatar for Daniela Petruzalek danicat
0
190
Ruby Parser progress report 2025
Avatar for yui-knk yui_knk
1
240
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
340
オープンセミナー2025@広島 「君はどこで動かすか？」 アンケート結果
Avatar for Satoshi Kaneyasu satoshi256kbyte
0
220

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
302
21k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k

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]