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
22
0

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

Other Decks in Programming

See All in Programming
iOS機能開発のAI環境と起きた変化
Avatar for Ryu-nakayama ryunakayama
0
170
PHPで TLSのプロトコルを実装してみるをもう一度しゃべりたい
Avatar for higaki higaki_program
0
180
Radical Imagining - LIFT 2025-2027 Policy Agenda
Avatar for LIFT lift1998
0
250
感情を設計する
Avatar for nakamichi ichimichi
5
1.3k
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
Avatar for SUZUKI Masashi masasuzu
0
310
YJITとZJITにはイカなる違いがあるのか？
Avatar for yamanao nakiym
0
160
メッセージングを利用して時間的結合を分離しよう #phperkaigi
Avatar for Takuma Kajikawa kajitack
3
570
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
3
400
条件判定に名前、つけてますか？ #phperkaigi #c
Avatar for Hiromi Hishida 77web
2
990
おれのAgentic Coding 2026/03
Avatar for TsukasaSekiguchi tsukasagr
1
140
PHP 7.4でもOpenTelemetryゼロコード計装がしたい！ / PHPerKaigi 2026
Avatar for Arthur arthur1
1
540
GNU Makeの使い方 / How to use GNU Make
Avatar for kaityo256 kaityo256
PRO
16
5.6k

Featured

See All Featured
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
96
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.1k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.1k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.8k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
320
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
870
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
310
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k

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?