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
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
370
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
530
令和最新版Android Studioで化石デバイス向けアプリを作る
Avatar for Sora Arakawa arkw
0
470
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
160
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
310
[AI Engineering Summit Tokyo 2025] LLMは計画業務のゲームチェンジャーか？ 最適化業務における活⽤の可能性と限界
Avatar for terry-u16 terryu16
2
270
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
1
1.1k
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
280
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
0
400
脳の「省エネモード」をデバッグする ～System 1（直感）と System 2（論理）の切り替え～
Avatar for HideyukiKitao panda728
PRO
0
130
リリース時」テストから「デイリー実行」へ！開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
Avatar for goataka (GOAMI Takaaki) goataka
0
160
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
190

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
210
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.5k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
2
3.9k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
110
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
0
7k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k

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?