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

React in Practice

Matheus Correia
January 26, 2018
Programming
0
16

React in Practice

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

Matheus Correia

January 26, 2018
Tweet

Other Decks in Programming

See All in Programming
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
31
21k
プールにゆこう
irof
2
120
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
380
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
720
CQRS/ES avec Symfony, c’est (trop) bien !
jeremyfreeagent
1
610
Swiftの型推論を学ぼう | Let's Learn About Type Inference in Swift
omochi
3
3.3k
Creating Retro-Style Photos Using Swift
ski
1
880
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
180
オブジェクト指向のリ・オリエンテーション～歴史を振り返り、AI時代に向きなおる～
hanyudaeiiti
9
5.4k
今、知っておきたい! 生成AIエージェントの世界
elith
3
330
甘い香りに誘われてVanilla Extractを1年間運用してみた
miyahkun
1
110
[SF Ruby, March 2024] Rails on Wasm
palkan
0
360

Featured

See All Featured
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
The Language of Interfaces
destraynor
151
23k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Music & Morning Musume
bryan
40
5.5k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2.1k
Teambox: Starting and Learning
jrom
127
8.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
Automating Front-end Workflow
addyosmani
1354
200k
How to Ace a Technical Interview
jacobian
272
22k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Code Reviewing Like a Champion
maltzj
513
39k

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?