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
32
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
64
React Workshop
Avatar for Juan Antonio Plaza jplaza
0
76

Other Decks in Programming

See All in Programming
TypeSpec で繋ぐ複数プロダクトの型安全
Avatar for Mitsui maroon8021
1
250
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
Avatar for Har1101 har1101
6
1.1k
iOS26時代の新規アプリ開発
Avatar for 野瀬田　裕樹 yuukiw00w
0
210
AI駆動開発で崩れていくコードベースを立て直す
Avatar for Kyoko NR kyoko_nr_nr
1
390
Agentic UI beyond Chats Architecture Patterns & Open Standards @ngMunich 05/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
150
Swiftのレキシカルスコープ管理
Avatar for kntk kntkymt
0
200
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
Avatar for nrs nrslib
10
2.7k
サーバーレスで作る、動画データ管理基盤
Avatar for Keigo Ibaraki oyasumipants
0
280
ECR拡張スキャンでSBOMを収集して サプライチェーン攻撃の影響調査を 爆速で終わらせてみた
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
200
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
Avatar for shogogg shogogg
0
150
サークル参加から学ぶ、小さな事業の回し方
Avatar for yuzneri yuzneri
0
240
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
Avatar for 武田 憲太郎 kentaroutakeda
1
300

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
130
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
540
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
640
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.3k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
200

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