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
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
2.4k
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.5k
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
540
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.3k
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k

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