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

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
47
1

Welcome to React

Avatar for brunnohofmann

brunnohofmann

October 20, 2018

Other Decks in Programming

See All in Programming
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
160
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
1
200
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Kaigi on Rails 2026, Tokyo, Japan
Avatar for Marco Roth marcoroth
2
220
Domain-Driven Transformation
Avatar for Henning Schwentner hschwentner
2
2.3k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
180
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
220
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
420
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
2
540
Verilogで学ぶCPU自作入門
Avatar for uyuki uyuki234
8
4.1k
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
Avatar for bara yutobara
8
6.6k
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
Avatar for Tomofumi Kondo tomokon
0
500
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
270

Featured

See All Featured
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.7k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
320
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
730
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.9k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
67k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
710
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k

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