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

Jumpstart to React + Redux @fosa.akakom

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tri Hargianto Tri Hargianto
May 26, 2018
Programming
1
64

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
96
Introduction to React
Avatar for Tri Hargianto trihargianto
0
51

Other Decks in Programming

See All in Programming
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
990
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
200
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
790
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
560
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
840
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
220
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
React Native × React Router v7 API通信の共通化で考えるべきこと
Avatar for Suguru Ohki suguruooki
0
100
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k

Featured

See All Featured
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
260
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
170

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