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

Welcome to React

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for brunnohofmann brunnohofmann
October 20, 2018
Programming
1
46

Welcome to React

Avatar for brunnohofmann

brunnohofmann

October 20, 2018
Tweet

Other Decks in Programming

See All in Programming
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
190
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
600
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
180
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
150
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
150
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6k
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
200
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
160
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.1k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
450
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
72
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320

Transcript

  1. Welcome to React

  2. Brunno Hofmann - Graduado em SI - IFPB - Desenvolvedor

    front-end - IFPB - Assert - Freelancer - Ator

  3. React? - Não é um framework, mas uma biblioteca. -

    Usado para criação de interfaces visuais. E não dá pra fazer grandes aplicações? Claro… Nesse caso estamos falando sobre o ecossistema do React

  4. • React • JSX • ES2015 • Webpack • Flux/Redux

    • axios/fetch • Jest/Mocha Ecossistema React

  5. Características

  6. Virtual Dom

  7. Virtual Dom

  8. None

  9. Extensão da linguagem javascript com sintaxe semelhante ao HTML JSX

  10. Extensão da linguagem javascript com sintaxe semelhante ao HTML JSX

    - Javascript Extension

  11. Componentes

  12. EXEMPLO 1 - Como iniciar? - Create-react-app

  13. Componentes Container Presentetional

  14. None

  15. EXEMPLO 2 - Placar de futebol - 2 times -

    placar - Local, Hora

  16. Ciclo de vida

  17. O que mais? Javascript/ES6 PWA Webpack GraphQl Redux React Native

    React Desktop O quê mais?

  18. Dev na Estrada Ep. 153 HipsterPontoTech Ep. 66 Lambda3 Ep

    82 Vale a pena

  19. Thank u! Dúvidas? [email protected] @brunnohofmann