Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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

Other Decks in Technology

See All in Technology
事業部のプロジェクト進行と開発チームの改善の “時間軸" のすり合わせ
Avatar for konifar konifar
9
2.8k
ML PM Talk #1 - ML PMの分類に関する考察
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
210
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.1k
TROCCO 2025年の進化をデモで振り返る
Avatar for あれ __allllllllez__
0
330
Microsoft Agent 365 を 30 分でなんとなく理解する
Avatar for skmkzyk skmkzyk
1
170
2025 DORA Reportから読み解く！AIが映し出す、成果を出し続ける組織の共通点 #開発生産性_findy
Avatar for Hiroyuki TAKAHASHI takabow
3
1.1k
“決まらない”NSM設計への処方箋 〜ビットキーにおける現実的な指標デザイン事例〜 / A Prescription for "Stuck" NSM Design: Bitkey’s Practical Case Study
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
300
Excelデータ分析で学ぶディメンショナルモデリング ～アジャイルデータモデリングへ向けて～ by @Kazaneya_PR / 20251126
Avatar for 風音屋 (Kazaneya) kazaneya
PRO
3
840
MySQL AIとMySQL Studioを使ってみよう
Avatar for mikoma ikomachi226
0
130
私も懇親会は苦手でした ～苦手だからこそ懇親会を楽しむ方法～ / 20251127 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
4
540
タグ付きユニオン型を便利に使うテクニックとその注意点
Avatar for uhyo uhyo
2
500
Databricksによるエージェント構築
Avatar for Takaaki Yayoi taka_aki
1
110

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
69k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.1k

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