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
150

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

Other Decks in Technology

See All in Technology
OCI技術資料 : コンピュート・サービス 概要
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
54k
Go標準パッケージのI/O処理をながめる
Avatar for matumoto matumoto
0
120
スクリプトの先へ！AIエージェントと組み合わせる モバイルE2Eテスト
Avatar for Ryo WATANABE error96num
0
150
脳内メモリ、思ったより揮発性だった
Avatar for koutorino koutorino
0
130
Datadog の RBAC のすべて
Avatar for 株式会社ヌーラボ nulabinc
PRO
3
440
楽しく学ぼう！ネットワーク入門
Avatar for Shota Shiratori shotashiratori
3
2.9k
決済サービスを支えるElastic Cloud - Elastic Cloudの導入と推進、決済サービスのObservability
Avatar for suzukij suzukij
2
600
Claude Code 2026年 最新アップデート
Avatar for Oikon oikon48
10
7.9k
Dr. Werner Vogelsの14年のキーノートから紐解くエンジニアリング組織への処方箋@JAWS DAYS 2026
Avatar for Hiroshi Hayakawa (p0n) p0n
1
130
kintone開発のプラットフォームエンジニアの紹介
Avatar for Cybozu cybozuinsideout
PRO
0
860
ランサムウエア対策してますか？やられた時の対策は本当にできてますか？AWSでのリスク分析と対応フローの泥臭いお話。
Avatar for ひろのぶ hootaki
0
110
類似画像検索モデルの開発ノウハウ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
5
1.1k

Featured

See All Featured
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
190
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
160
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
240
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
710
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k

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