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
61
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
85
Introduction to React
trihargianto
0
48
Other Decks in Programming
See All in Programming
Writing Better Go: Lessons from 10 Code Reviews
konradreiche
0
1.3k
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
110
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
190
Cursorハンズオン実践!
eltociear
2
1.1k
オープンソースソフトウェアへの解像度🔬
utam0k
15
2.9k
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
1
470
CSC509 Lecture 06
javiergs
PRO
0
260
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
830
Devoxx BE - Local Development in the AI Era
kdubois
0
130
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
1k
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
590
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
GitHub's CSS Performance
jonrohan
1032
470k
Designing for humans not robots
tammielis
254
26k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Leading Effective Engineering Teams in the AI Era
addyosmani
6
440
The Cult of Friendly URLs
andyhume
79
6.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
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