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

Introducción a React

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Juan Antonio Plaza Juan Antonio Plaza
March 14, 2018
Programming
0
31

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
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
540
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.3k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
940
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
160
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
600
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
230
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
120
Side Projects
Avatar for Sacha Greif sachag
455
43k
Between Models and Reality
Avatar for mayunak mayunak
1
180
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k

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