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
160
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
89
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
65
Webpacker e a Jornada do Heroi
Avatar for Juliana Negreiros juunegreiros
0
37
Como modularizar seu front-end sem depender de um framework
Avatar for Juliana Negreiros juunegreiros
0
93
Sopa de Letrinhas CSS | Alphabet soup CSS
Avatar for Juliana Negreiros juunegreiros
1
84
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
Avatar for Juliana Negreiros juunegreiros
0
69
Carreiras em TI
Avatar for Juliana Negreiros juunegreiros
0
62

Other Decks in Technology

See All in Technology
VPCセキュリティ対応の最新事情
Avatar for nagisa_53 nagisa53
1
280
副作用のある Lambda でも Lambda Power Tuning は使えるのか / lambda-power-tuning-side-effects
Avatar for koukihosaka koukihosaka
1
140
kaonavi Tech Night＃1
Avatar for 株式会社カオナビ kaonavi
0
160
「顧客の声を聞かなければ何も始まらない」 ── 顧客の声から生まれた『AI返信補助機能』の開発プロセス / AICon2026_shikata_imai
Avatar for Rakus_Dev rakus_dev
1
270
Playwright × AI Agent でE2Eテストはどう変わるか AI駆動テストの可能性と実用検証の結果
Avatar for Taiga Oyu taiga7543
2
800
仕様駆動開発、導入半年。「本当に速くなってるの?」にデータで答える / AICon2026_hirakawa
Avatar for Rakus_Dev rakus_dev
0
320
データと地図で読む 大井町の「かわるもの、かわらないもの」
Avatar for じゅんじゅん yoshiyama_hana
0
150
Amplify Gen2でbackend.tsにCDKを定義する/しない事によるCDKの挙動の違いとユースケース
Avatar for Makky12 smt7174
1
490
SRENEXT_2026_Chairs__Talks_in_Tamachi.sre.pdf
Avatar for srenext srenext
1
150
文字起こし基盤の信頼性
Avatar for abnoumaru abnoumaru
0
120
凡エンジニアがこの先生きのこるためには。〜TypeScript完全に理解したい〜
Avatar for Ryotaro Harada alchemy1115
2
410
AI時代の開発生産性は、個人技からチーム設計へ
Avatar for Atsushi Nakatsugawa moongift
PRO
4
2.5k

Featured

See All Featured
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.1k
Between Models and Reality
Avatar for mayunak mayunak
4
380
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
420
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
440
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Done Done
Avatar for chrislema chrislema
186
16k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
330
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
67
56k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.6k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k

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