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

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
33
0

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

More Decks by Juan Antonio Plaza

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

Other Decks in Programming

See All in Programming
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
200
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
790
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
150
The Rails Doctrine Decade
Avatar for Koichi ITO koic
2
590
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
170
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
28
32k
phperだってパンチカードでコーディングしたい
Avatar for hideki kinjyo o0h
PRO
0
330
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
210

Featured

See All Featured
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
410
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
710
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
910
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
520
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
370
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
280

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