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

Welcome to React

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
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
170
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.6k
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
130
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
130
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
390

Featured

See All Featured
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
820
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
120
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
79
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.2k

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