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

Primeiros passos com ReactJS: fazendo um jogo d...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Juliana Negreiros Juliana Negreiros
February 24, 2019
Technology
150
0

Primeiros passos com ReactJS: fazendo um jogo da velha | First steps with ReactJS: doing a tic-tac-toe game

- JSLadiesSP (24/02/2019)

Avatar for Juliana Negreiros

Juliana Negreiros

February 24, 2019

More Decks by Juliana Negreiros

See All by Juliana Negreiros
Um guia para começar no mundo Front End
Avatar for Juliana Negreiros juunegreiros
0
340
Desmistificando a área de TI
Avatar for Juliana Negreiros juunegreiros
0
86
Como otimizar seu site com lighthouse e core web vitals
Avatar for Juliana Negreiros juunegreiros
0
440
Introdução ao Git
Avatar for Juliana Negreiros juunegreiros
0
63
Webpacker e a Jornada do Heroi
Avatar for Juliana Negreiros juunegreiros
0
35
Como modularizar seu front-end sem depender de um framework
Avatar for Juliana Negreiros juunegreiros
0
92
Sopa de Letrinhas CSS | Alphabet soup CSS
Avatar for Juliana Negreiros juunegreiros
1
81
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
Avatar for Juliana Negreiros juunegreiros
0
67
Carreiras em TI
Avatar for Juliana Negreiros juunegreiros
0
60

Other Decks in Technology

See All in Technology
AI バイブコーティングでキーボード不要？！
Avatar for Sam Akada samakada
0
570
弁護士ドットコム株式会社 エンジニア職向け 会社紹介資料
Avatar for 弁護士ドットコム bengo4com
1
160
AI駆動1on1〜AIに自分を育ててもらう〜
Avatar for Yoshiaki Yasuda yoshiakiyasuda
0
120
Chasing Real-Time Observability for CRuby
Avatar for White-Green whitegreen
0
120
AIはハッカーを減らすのか、増やすのか？──現役ホワイトハッカーから見るAI時代のリアル【MEGU-Meet】
Avatar for サイバーセキュリティクラウド cscengineer
0
160
Standards et agents IA : un tour d’horizon de MCP, A2A, ADK et plus encore
Avatar for Guillaume Laforge glaforge
0
170
Practical TypeProf: Lessons from Analyzing Optcarrot
Avatar for Yusuke Endoh mame
0
350
コミュニティ・勉強会を作るのは目的じゃない
Avatar for uutan1108 ohmori_yusuke
0
210
基盤を育てる 外部SaaS連携の運用
Avatar for Hiroto Gamo gamonges_dresscode
1
120
「責任あるAIエージェント」こそ自社で開発しよう！
Avatar for みのるん minorun365
9
2k
「誰一人取り残されない」 AIエージェント時代のプロダクト設計思想 Product Management Summit 2026
Avatar for mizushimac mizushimac
0
160
みんなの「データ活用」を支えるストレージ担当から持ち込むAWS活用/コミュニティー設計TIPS 10選~「作れる」より、「続けられる」設計へ~
Avatar for Yoshiki Fujiwara yoshiki0705
0
250

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
290
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
140
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
160
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.8k
Between Models and Reality
Avatar for mayunak mayunak
3
270
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.7k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
440
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
270

Transcript

  1. PRIMEIROS PASSOS COM REACT

  2. JULIANA NEGREIROS @juunegreiros

  3. None

  4. REACT <3

  5. None

  6. SPA

  7. HTML no meio do JS

  8. WOOOOOOOOW

  9. Props

  10. State

  11. Virtual DOM

  12. None

  13. LIFECYCLE

  14. MOUNTING - constructor - render - componentDidMount - componentWillMount

  15. Unmounting

  16. Update

  17. Error Handling

  18. COMUNICAÇÃO

  19. pai -> filho

  20. filho -> pai

  21. COMPONENTES

  22. Dumb components

  23. Smart components

  24. bit.ly/jsladies-reactjs bit.ly/jsladies-jogo OBRIGADA! @juunegreiros