Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

React in Practice

Avatar for Matheus Correia Matheus Correia
January 26, 2018
Programming
25
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
パスワード再設定メールのURLについて知っておこう
Avatar for uyuki uyuki234
0
160
現場と育てるRailsモデリング 〜Spreadsheetから始めたモデル設計〜
Avatar for siroemk siroemk
2
600
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
380
作って学ぶSpring BootのAuto Configuration / JJUG Night Seminar 2026-10-19
Avatar for Ryo Shindo rshindo
0
150
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
430
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
610
外から家のPCの電源入れたい！をＰＨＰで解決する
Avatar for かわしも（Shimokawa Shion） kawashimo0
1
130
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
470
自サークルのIdPからログアウトできるようになるまで
Avatar for taiseiue taiseiue
1
140
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Kaigi on Rails 2026, Tokyo, Japan
Avatar for Marco Roth marcoroth
2
230
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
790
個人開発者よ、Honoを使え（おじさんver）
Avatar for tanahiro2010 tanahiro2010
2
260

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
890
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
350
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
370
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
330
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
260
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.8k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
870
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.2k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
360
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k

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?