Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Primeiros passos com ReactJS: fazendo um jogo d...
Search
Juliana Negreiros
February 24, 2019
Technology
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Primeiros passos com ReactJS: fazendo um jogo da velha | First steps with ReactJS: doing a tic-tac-toe game
- JSLadiesSP (24/02/2019)
Juliana Negreiros
February 24, 2019
More Decks by Juliana Negreiros
See All by Juliana Negreiros
Um guia para começar no mundo Front End
juunegreiros
0
350
Desmistificando a área de TI
juunegreiros
0
93
Como otimizar seu site com lighthouse e core web vitals
juunegreiros
0
450
Introdução ao Git
juunegreiros
0
70
Webpacker e a Jornada do Heroi
juunegreiros
0
38
Como modularizar seu front-end sem depender de um framework
juunegreiros
0
97
Sopa de Letrinhas CSS | Alphabet soup CSS
juunegreiros
1
86
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
juunegreiros
0
72
Carreiras em TI
juunegreiros
0
64
Other Decks in Technology
See All in Technology
re:Invent初参加で変わったこと、2回目にやってみたいこと(JAWS-UG彩の国埼玉 #12)
mhrtech
2
220
⾮構造化データを価値に変える AI エージェント基盤とその組織
ivry_presentationmaterials
0
190
JAWS-UGグッズ職人仕事の流儀
kentapapa
0
100
"優秀な誰か"の下位互換にならないために
yut0naga1_fa
1
1.8k
10年後、Engineering 行為を剥奪されるとして、わたしたちは、どう、何を創ればいいだろうか。 / If Engineering Is Taken Away in 10 Years, How and What Should We Create?
bitkey
PRO
1
190
パスキーの自動テストはどこまでいけるのか
teamlab
PRO
0
200
脆弱性診断って、何をしているの? 〜弱点を見つけて、会社の改善につなげるまで〜
keeg
0
920
触りたくないデータに、どう触るか AI時代のRBACアクセスガバナンス
ivry_presentationmaterials
0
260
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
maimyyym
0
170
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
riyaamemiya
0
290
Classmethod Company Deck
satoshi7
1
680
スキマバイトという雇用形態は存在しないので、雇用期間1日のアルバイト契約を事業者とワーカーが結ぶ手続きを支えるのがタイミーなんです
akitoshiga
0
200
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.3k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.8k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
300
Google's AI Overviews - The New Search
badams
0
1.6k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
780
Context Engineering - Making Every Token Count
addyosmani
9
1.2k
Code Reviewing Like a Champion
maltzj
529
40k
Designing for humans not robots
tammielis
254
26k
The Curious Case for Waylosing
cassininazir
1
570
Raft: Consensus for Rubyists
vanstee
142
7.8k
[SF Ruby Conf 2025] Rails X
palkan
3
1.5k
Transcript
PRIMEIROS PASSOS COM REACT
JULIANA NEGREIROS @juunegreiros
None
REACT <3
None
SPA
HTML no meio do JS
WOOOOOOOOW
Props
State
Virtual DOM
None
LIFECYCLE
MOUNTING - constructor - render - componentDidMount - componentWillMount
Unmounting
Update
Error Handling
COMUNICAÇÃO
pai -> filho
filho -> pai
COMPONENTES
Dumb components
Smart components
bit.ly/jsladies-reactjs bit.ly/jsladies-jogo OBRIGADA! @juunegreiros