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
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
62
Carreiras em TI
Avatar for Juliana Negreiros juunegreiros
0
56

Other Decks in Technology

See All in Technology
マルチドライブアーキテクチャ: 複数の駆動力でプロダクトを前進させる
Avatar for Kenichi SUZUKI knih
0
6.4k
レガシーで硬直したテーブル設計から変更容易で柔軟なテーブル設計にする
Avatar for Red Frasco red_frasco
4
420
社内外から"使ってもらえる"データ基盤を支えるアーキテクチャの秘訣/登壇資料（飯塚 大地・高橋 一貴）
Avatar for Hacobu hacobu
PRO
0
3.6k
Service Monitoring Platformについて
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
320
個人から巡るAI疲れと組織としてできること - AI疲れをふっとばせ。エンジニアのAI疲れ治療法 ショートセッション -
Avatar for kichion kikuchikakeru
4
1.8k
はじめての OSS コントリビューション 〜小さな PR が世界を変える〜
Avatar for Chihiro Ito chiroito
4
350
リアーキテクティングのその先へ 〜品質と開発生産性の壁を越えるプラットフォーム戦略〜 / architecture-con2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
3.7k
自然言語でAPI作業を片付ける！「Postman Agent Mode」
Avatar for 草薙昭彦 nagix
0
110
身近なCSVを活用する！AWSのデータ分析基盤アーキテクチャ
Avatar for Kotaro.S koosun
0
2.1k
【M3】攻めのセキュリティの実践！プロアクティブなセキュリティ対策の実践事例
Avatar for mizu axelmizu
0
170
AIエージェントによるエンタープライズ向けスライド検索！
Avatar for shibuiwilliam shibuiwilliam
4
630
巨大モノリスのリプレイス──機能整理とハイブリッドアーキテクチャで挑んだ再構築戦略
Avatar for ZOZO Developers zozotech
PRO
0
210

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
4.9k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.8k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
1
37
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k

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