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
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
180
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
110
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
150
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
20
6.9k
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
190
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170

Featured

See All Featured
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
49k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
240
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
78
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
160
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k

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