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

Introducción a React

Avatar for Juan Antonio Plaza Juan Antonio Plaza
March 14, 2018
Programming
0
27

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
73

Other Decks in Programming

See All in Programming
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
180
Findy AI+の開発、運用におけるMCP活用事例
Avatar for starfish719 starfish719
0
2.1k
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
300
ゲームの物理 剛体編
Avatar for Fadis fadis
0
400
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
0
1.7k
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
180
TerraformとStrands AgentsでAmazon Bedrock AgentCoreのSSO認証付きエージェントを量産しよう！
Avatar for neruneruo neruneruo
4
2.3k
從冷知識到漏洞，你不懂的 Web，駭客懂 - Huli @ WebConf Taiwan 2025
Avatar for Huli aszx87410
2
3.3k
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
210
組み合わせ爆発にのまれない - 責務分割 x テスト
Avatar for HAL halhorn
1
180
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
Avatar for Tomohisa Takaoka tomohisa
0
110
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
310

Featured

See All Featured
HDC tutorial
Avatar for Michiel Stock michielstock
1
310
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
33
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.2k
It's Worth the Effort
Avatar for 3n 3n
187
29k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
44
Crafting Experiences
Avatar for Bethany Jepchumba bethany
0
26
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
150
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k

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