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

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

Avatar for Juliana Negreiros Juliana Negreiros
February 24, 2019
Technology
0
140

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
Tweet

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
69
Como otimizar seu site com lighthouse e core web vitals
Avatar for Juliana Negreiros juunegreiros
0
430
Introdução ao Git
Avatar for Juliana Negreiros juunegreiros
0
53
Webpacker e a Jornada do Heroi
Avatar for Juliana Negreiros juunegreiros
0
22
Como modularizar seu front-end sem depender de um framework
Avatar for Juliana Negreiros juunegreiros
0
87
Sopa de Letrinhas CSS | Alphabet soup CSS
Avatar for Juliana Negreiros juunegreiros
1
75
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
Avatar for Juliana Negreiros juunegreiros
0
60
Carreiras em TI
Avatar for Juliana Negreiros juunegreiros
0
53

Other Decks in Technology

See All in Technology
mrubyと micro-ROSが繋ぐロボットの世界
Avatar for Katsuhiko Kageyama kishima
2
380
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
170
KubeCon + CloudNativeCon Japan 2025 Recap
Avatar for Ren ren510dev
1
290
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方（JaSST'25 Kansai）
Avatar for みずのり mizunori
1
260
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
Avatar for ShigeruOda shigeruoda
5
580
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
Avatar for matsuihidetoshi matsuihidetoshi
1
300
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
Avatar for K.Osawa kkuv
1
360
AI導入の理想と現実～コストと浸透〜
Avatar for oprst oprstchn
0
150
作曲家がボカロを使うようにPdMはAIを使え
Avatar for Takuya Ito itotaxi
0
370
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
Avatar for 弁護士ドットコム bengo4com
0
1k
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
Avatar for Masaya Kudo msykd
PRO
2
370

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Done Done
Avatar for chrislema chrislema
184
16k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
24k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k

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