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

Introducción a React

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Juan Antonio Plaza Juan Antonio Plaza
March 14, 2018
Programming
0
30

Introducción a React

Introducción a React y un argumento de porqué utilizarlo

Avatar for Juan Antonio Plaza

Juan Antonio Plaza

March 14, 2018
Tweet

More Decks by Juan Antonio Plaza

See All by Juan Antonio Plaza
¿Por qué Clojure?
Avatar for Juan Antonio Plaza jplaza
0
62
React Workshop
Avatar for Juan Antonio Plaza jplaza
0
74

Other Decks in Programming

See All in Programming
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
250
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
610
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
170
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
450
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
250
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
970
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
Avatar for Suhyeon Kim wisemuji
0
190

Featured

See All Featured
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
120
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
190
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
290
Done Done
Avatar for chrislema chrislema
186
16k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k

Transcript

  1. Crea tus propios componentes con React

  2. Acerca de • CTO Dátil • Desarrollando aplicaciones web por

    más de 7 años • Programación funcional

  3. ¿Qué es React?

  4. • React es una librería para construir UIs • Construcción

    y composición de componentes.

  5. ¿Por qué React?

  6. –Alan Kay “Point of view is worth 80 IQ points”

  7. Simple f(x) X Y

  8. Declarativo • Declara como se ve tu UI sin pensar

    en como cambiará en el tiempo • Utiliza propiedades (props) para comunicar que partes cambian y como

  9. Composición

  10. JSX

  11. JavaScript en JSX

  12. Al compilar JSX

  13. Anidando elementos

  14. Tipos de Componentes

  15. Tipos de Componentes

  16. Rendering

  17. None

  18. Extracción Componentes más concisos

  19. None
  20. None
  21. None
  22. None

  23. Resultado

  24. None

  25. Meta