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
59

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

Other Decks in Programming

See All in Programming
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
420
Select API from Kotlin Coroutine
Avatar for Matsuda Jumpei jmatsu
1
220
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
250
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
220
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
120
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
Avatar for shiro seike seike460
PRO
1
350
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
Avatar for Nealle nealle
0
120
Team topologies and the microservice architecture: a synergistic relationship
Avatar for Chris Richardson cer
PRO
0
1.2k
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
Avatar for Tetsuya Kikuchi tkikuc
21
3.8k
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
4
1k
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
1
720
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
1
580

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.4k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
720
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
940
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k

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