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

Introduction to React

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Tri Hargianto Tri Hargianto
March 23, 2018
Programming
0
53

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
Tweet

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
Unity6.3 AudioUpdate
Avatar for Cova8bitdots cova8bitdots
0
130
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
Avatar for Rikito Taniguchi tanishiking
0
110
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.2k
DSPy入門 Pythonで実現する自動プロンプト最適化 〜人手によるプロンプト調整からの卒業〜
Avatar for sea-turt1e seaturt1e
1
730
文字コードの話
Avatar for Masaki Hara qnighy
44
17k
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
530
nuget-server - あなたが必要だったNuGetサーバー
Avatar for Kouji Matsui kekyo
PRO
0
250
DevinとClaude Code、SREの現場で使い倒してみた件
Avatar for karia/Y.Hisamatsu karia
1
1.1k
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
220
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
8.1k
20260228_JAWS_Beginner_Kansai
Avatar for Takuya Yonezawa takuyay0ne
5
530
モジュラモノリスにおける境界をGoのinternalパッケージで守る
Avatar for magavel magavel
0
3.5k

Featured

See All Featured
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
270
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
200
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.9k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
270
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
150
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M

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