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

Jumpstart to React + Redux @fosa.akakom

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
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
2
370
野球解説AI Agentを開発してみた - 2026/02/27 LayerX社内LT会資料
Avatar for Shinichi Nakagawa shinyorke
PRO
0
300
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
140
encoding/json/v2のUnmarshalはこう変わった：内部実装で見る設計改善
Avatar for Hiroki Kurasawa kurakura0916
0
410
Unity6.3 AudioUpdate
Avatar for Cova8bitdots cova8bitdots
0
130
LangChain4jとは一味違うLangChain4j-CDI
Avatar for Kenji Kazumura kazumura
1
180
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
290
受け入れテスト駆動開発(ATDD)×AI駆動開発 AI時代のATDDの取り組み方を考える
Avatar for Takasaki Kazunari kztakasaki
2
580
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
180
CSC307 Lecture 15
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
250
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
310
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
2
590

Featured

See All Featured
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
220
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
160
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
140
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
180
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
53k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
130
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
87
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k

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