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

Jumpstart to React + Redux @fosa.akakom

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Tri Hargianto Tri Hargianto
May 26, 2018
Programming
1
67

Jumpstart to React + Redux @fosa.akakom

Materi techtalk Forum Open Source Akakom (FOSA), Yogyakarta

Avatar for Tri Hargianto

Tri Hargianto

May 26, 2018
Tweet

More Decks by Tri Hargianto

See All by Tri Hargianto
Styling React Applications @jogjajs
Avatar for Tri Hargianto trihargianto
0
99
Introduction to React
Avatar for Tri Hargianto trihargianto
0
53

Other Decks in Programming

See All in Programming
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
310
守る「だけ」の優しいEMを抜けて、 事業とチームを両方見る視点を身につけた話
Avatar for Mitsui maroon8021
3
940
Angular-Apps smarter machen mit Gen AI: Lokal und offlinefähig - Hands-on Workshop!
Avatar for Christian Liebel christianliebel
PRO
0
110
ベクトル検索のフィルタを用いた機械学習モデルとの統合 / python-meetup-fukuoka-06-vector-attr
Avatar for monochromegane monochromegane
2
420
Takumiから考えるSecurity_Maturity_Model.pdf
Avatar for gessy0129 gessy0129
1
140
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
200
Ruby x Terminal
Avatar for Akira Matsuda a_matsuda
7
600
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
550
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.7k
Docコメントで始める簡単ガードレール
Avatar for Keisuke Ikeda keisukeikeda
1
120
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
140
モダンOBSプラグイン開発
Avatar for Kaito Udagawa umireon
0
130

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
680
It's Worth the Effort
Avatar for 3n 3n
188
29k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
640
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
220
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
150

Transcript

  1. Jumpstart to React + Redux @trihargianto

  2. @trihargianto Tri Hargianto Software Engineer, Freelancer

  3. Redux ? @trihargianto

  4. Why Redux ? Why we use it ? @trihargianto

  5. Lets take a look how state are managed in React

    apps @trihargianto

  6. React State Management @trihargianto

  7. @trihargianto

  8. React State Management @trihargianto

  9. React State Management @trihargianto

  10. React State Management @trihargianto

  11. React State Management @trihargianto

  12. React State Management @trihargianto

  13. React State Management @trihargianto

  14. back to Redux ... @trihargianto

  15. Redux is a predictable state container for JavaScript apps. @trihargianto

  16. You can use Redux together with React, or with any

    other view library. @trihargianto

  17. How Redux Works @trihargianto

  18. How Redux Works @trihargianto

  19. How Redux Works @trihargianto

  20. How Redux Works @trihargianto

  21. None

  22. React + Redux Flow @trihargianto

  23. React + Redux Flow @trihargianto

  24. React + Redux Flow @trihargianto

  25. React + Redux Flow @trihargianto

  26. @trihargianto

  27. Should we use Redux when writing React Apps ? @trihargianto

  28. @trihargianto “ You’ll know when you need Redux. If you

    aren’t sure if you need it, you don’t need it ” - Dan Abramov, creator of Redux
  29. None

  30. Freebies Links @trihargianto Getting started with Redux from Dan Abramov

    • https://egghead.io/courses/getting-started-with-redux • https://egghead.io/courses/building-react-applications-with-idiomatic-redux React Redux Basics from Academind • https://youtu.be/qrsle5quS7A

  31. Thank You @trihargianto Tri Hargianto Software Engineer, Freelancer

  32. • https://redux.js.org (Redux Official Website) • https://youtu.be/qrsle5quS7A (Academind) References @trihargianto