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

React - Building Front-end applications

Avatar for allanlb allanlb
November 17, 2018
Technology
13
0

React - Building Front-end applications

Avatar for allanlb

allanlb

November 17, 2018

Other Decks in Technology

See All in Technology
「Docker Desktop不要の時代」は 来たのか？
Avatar for ueponx ueponx
0
770
アウトプット初心者、半年間のふりかえり
Avatar for aoi 4o1sobblue
0
430
JAWSUG TOHOKU 青森支部 「LoGoチャット」のAWS移行で 乗り越えたこと
Avatar for たけだ taketakekaho
0
330
実体験から学ぶ分析エージェントの開発と運⽤
Avatar for Recruit recruitengineers
PRO
8
2.4k
How to Design Configuration for Rails Applications
Avatar for Shinichi Maeshima willnet
1
780
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
1.2k
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
Avatar for Tamirlan 893 Torgayev prog893
4
1.1k
[JAWS-UG彩の国埼玉#12]そろそろ準備する？re:Invent2026をやさしく解説 / reinvent2026-sainokuni
Avatar for sh_fk2 sh_fk2
1
340
Tofu-Controller lightning talk @ Containerday 2026
Avatar for Giovanni Toraldo gionn
0
110
CTO Night｜NotionのAIエージェントとFDE
Avatar for Kazuki Hayakawa kzkhykw1991
0
100
Post AI時代のリファクタリング実践記 / Refactoring in the post AI era
Avatar for 株式会社カミナシ kaminashi
1
230
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
Avatar for Kenichi Odo kenichiodo
2
160

Featured

See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.2k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
940
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.3k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
730
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.2k

Transcript

  1. React Construindo aplicações Front-end Allan Luciano Barbosa

  2. O que é?

  3. Componentes

  4. JSX Fonte: https://reactjs.org/

  5. Ciclo de vida Fonte: engineering.musefind.com

  6. Rendering Fonte: https://blog.usejournal.com/

  7. Início da aplicação

  8. State

  9. Props

  10. PropTypes

  11. DefaultProps

  12. Functional components Fonte: https://programmingwithmosh.com/react/react-functional-components/

  13. Class components Fonte: https://programmingwithmosh.com/react/react-functional-components/

  14. Styles inline Fonte: https://reactjs.org/

  15. Styles external file

  16. Eventos onClick

  17. Eventos onChange/onKeyDown

  18. Rotas

  19. Obrigado!