Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React in Practice

Avatar for Matheus Correia Matheus Correia
January 26, 2018
Programming
0
21

React in Practice

My first talk about React at the first meeting of my city's React meetup.

Avatar for Matheus Correia

Matheus Correia

January 26, 2018
Tweet

Other Decks in Programming

See All in Programming
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
420
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
610
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
130
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
760
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
100
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
6k
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
1.1k
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.3k

Featured

See All Featured
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
220
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
770
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
53
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.2k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
140

Transcript

  1. React ⚛

  2. Matheus Correia

  3. @matheuscorreia

  4. Como criar uma aplicação React?

  5. create-react-app

  6. import React from ‘react’; import ReactDOM from ‘react-dom’;

  7. JSX

  8. None
  9. None

  10. JSX produz Elements. Elements são renderizados no DOM. Elements são

    imutáveis.
  11. None
  12. None

  13. Componentes

  14. Componentes Funcionais

  15. Componentes de Classe

  16. Props

  17. Props são imutáveis. Props fluem unidirecionalmente. Componentes se falam via

    Props.
  18. None
  19. None

  20. State

  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None

  30. Observações para com State.

  31. Ciclo de vida de Componentes

  32. Nascimento/Mounting

  33. None
  34. None
  35. None

  36. Crescendo/Updating

  37. None
  38. None
  39. None

  40. Morte/Unmounting

  41. None

  42. Recap

  43. Recursos

  44. reactjs.org/docs

  45. The Beginner's Guide to ReactJS Egghead Course

  46. Obrigado!

  47. Perguntas?