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

Introduction to React

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tri Hargianto Tri Hargianto
March 23, 2018
Programming
54
0

Introduction to React

Slide pengenalan React yang saya bawakan untuk mengisi sebuah acara techtalk di salah satu kantor startup di Yogyakarta

Avatar for Tri Hargianto

Tri Hargianto

March 23, 2018

More Decks by Tri Hargianto

See All by Tri Hargianto
Jumpstart to React + Redux @fosa.akakom
Avatar for Tri Hargianto trihargianto
1
67
Styling React Applications @jogjajs
Avatar for Tri Hargianto trihargianto
0
99

Other Decks in Programming

See All in Programming
Redox OS でのネームスペース管理と chroot の実現
Avatar for isan isanethen
0
560
見せてもらおうか、 OpenSearchの性能とやらを！
Avatar for shunta ichikawa shunta27
1
180
ふりがな Deep Dive try! Swift Tokyo 2026
Avatar for watura watura
0
160
The Monolith Strikes Back: Why AI Agents ❤️ Rails Monoliths
Avatar for Rodrigo Serradura serradura
0
280
PHP で mp3 プレイヤーを実装しよう
Avatar for memory m3m0r7
PRO
0
190
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
220
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
Avatar for shiro seike seike460
PRO
2
220
PHP 7.4でもOpenTelemetryゼロコード計装がしたい！ / PHPerKaigi 2026
Avatar for Arthur arthur1
1
540
それはエンジニアリングの糧である：AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
Avatar for nrs nrslib
1
830
RSAが破られる前に知っておきたい 耐量子計算機暗号(PQC)入門 / Intro to PQC: Preparing for the Post-RSA Era
Avatar for mackey0225 mackey0225
3
130
3分でわかるatama plusのQA/about atama plus QA
Avatar for atama plus atamaplus
0
130
Nuxt Server Components
Avatar for wattanx wattanx
0
260

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
480
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
330
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.6k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
300
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
How to make the Groovebox
Avatar for あそなす asonas
2
2.1k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.4k

Transcript

  1. Introduction to React @trihargianto

  2. Introducing React

  3. WTF is React ??

  4. React “A Library for Creating User Interfaces” Dikembangkan oleh tim

    Facebook dan Komunitas Open Source di Seluruh Dunia

  5. React tidak punya • Controller • Template • Models •

    View Models

  6. Models - View - Controllers

  7. Models - View - Controllers

  8. Sifat React • Deklaratif • Berbasis Komponen • Belajar Sekali,

    tulis dimanapun

  9. Sifat React • Deklaratif • Berbasis Komponen • Belajar Sekali,

    tulis dimanapun

  10. Deklaratif (What) VS Imparatif (How)

  11. Imparatif (Bagaimana)

  12. Deklaratif (Apa)

  13. Imparatif (HOW)

  14. Deklaratif (WHAT)

  15. Sifat React • Deklaratif • Berbasis Komponen • Belajar Sekali,

    tulis dimanapun

  16. Komponen

  17. None
  18. None
  19. None
  20. None

  21. Konsep Komponen • Composable • Reusable • Maintainable • Testable

  22. Fun Fact

  23. Fun Fact + 30,000 Komponen React

  24. Sifat React • Deklaratif • Berbasis Komponen • Belajar Sekali,

    tulis dimanapun

  25. Thanks to React & Open Source Community

  26. React JS

  27. React Native Cross Platform Library

  28. React Native bukan aplikasi hybrid

  29. video by Sonny Lazuardi youtube.com/watch?v=juWhxCz1Wm

  30. React Native Windows

  31. React VR

  32. React is a great library

  33. None

  34. Siapa yang memakai React ?

  35. Sekian ...

  36. None