Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Jumpstart to React + Redux @fosa.akakom
Search
Tri Hargianto
May 26, 2018
Programming
1
60
Jumpstart to React + Redux @fosa.akakom
Materi techtalk Forum Open Source Akakom (FOSA), Yogyakarta
Tri Hargianto
May 26, 2018
Tweet
Share
More Decks by Tri Hargianto
See All by Tri Hargianto
Styling React Applications @jogjajs
trihargianto
0
78
Introduction to React
trihargianto
0
47
Other Decks in Programming
See All in Programming
Reactの歴史を振り返る
tutinoko
1
150
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
1k
型で語るカタ
irof
1
860
What's new in Adaptive Android development
fornewid
0
120
JetBrainsのAI機能の紹介 #jjug
yusuke
0
120
GPUを計算資源として使おう!
primenumber
1
290
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
240
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜(奥田りさ)The Basics of Agent Development with ADK — A Demo-Focused Introduction
risatube
PRO
5
1.2k
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
190
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
120
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
570
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.2k
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Speed Design
sergeychernyshev
32
1k
Statistics for Hackers
jakevdp
799
220k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
A Tale of Four Properties
chriscoyier
160
23k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Unsuck your backbone
ammeep
671
58k
How to Ace a Technical Interview
jacobian
278
23k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Transcript
Jumpstart to React + Redux @trihargianto
@trihargianto Tri Hargianto Software Engineer, Freelancer
Redux ? @trihargianto
Why Redux ? Why we use it ? @trihargianto
Lets take a look how state are managed in React
apps @trihargianto
React State Management @trihargianto
@trihargianto
React State Management @trihargianto
React State Management @trihargianto
React State Management @trihargianto
React State Management @trihargianto
React State Management @trihargianto
React State Management @trihargianto
back to Redux ... @trihargianto
Redux is a predictable state container for JavaScript apps. @trihargianto
You can use Redux together with React, or with any
other view library. @trihargianto
How Redux Works @trihargianto
How Redux Works @trihargianto
How Redux Works @trihargianto
How Redux Works @trihargianto
None
React + Redux Flow @trihargianto
React + Redux Flow @trihargianto
React + Redux Flow @trihargianto
React + Redux Flow @trihargianto
@trihargianto
Should we use Redux when writing React Apps ? @trihargianto
@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
None
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
Thank You @trihargianto Tri Hargianto Software Engineer, Freelancer
• https://redux.js.org (Redux Official Website) • https://youtu.be/qrsle5quS7A (Academind) References @trihargianto