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

Other Decks in Programming

See All in Programming
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
450
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
Avatar for HideyukiKitao panda728
PRO
39
26k
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
370
perlをWebAssembly上で動かすと何が嬉しいの？？？ / Where does Perl-on-Wasm actually make sense?
Avatar for mackee mackee
0
300
AI時代を生き抜く 新卒エンジニアの生きる道
Avatar for coconala_engineer coconala_engineer
1
520
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
6
1.9k
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
6
3k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
670
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
370
AI Agent Dojo ＃4: watsonx Orchestrate ADK体験
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
120
チームをチームにするEM
Avatar for hitode909 hitode909
0
440
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
350

Featured

See All Featured
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
870
Abbi's Birthday
Avatar for Violet Bock coloredviolet
0
4.2k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
230
A Soul's Torment
Avatar for Nat Ma seathinner
2
2.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
100
Docker and Python
Avatar for Tania Allard trallard
47
3.7k

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