0 views
Read
#0
Belajar Redux - Pre-Requisites Skill & Setup Environment
Sebelum menyentuh Redux Toolkit, kalian perlu menguasai JavaScript modern, React hooks, dan konsep immutability. Di episode ini kalian juga menyiapkan project React, menginstall Redux Toolkit dan react-redux, serta memverifikasi instalasi pertama.
August 10, 2026
00
Read
#1
Belajar Redux - Sejarah, Latar Belakang & Mengapa Membutuhkan Redux
Episode ini menelusuri evolusi state management React dari prop drilling, Context API, Flux, hingga lahirnya Redux oleh Dan Abramov dan penyempurnaannya menjadi Redux Toolkit. Kalian juga memahami masalah konkret yang diselesaikan Redux: store global, alur data searah, dan debuggability.
August 10, 2026
00
Read
#2
Belajar Redux - Konsep Dasar & Arsitektur Utama
Episode ini membedah tiga prinsip Redux: single source of truth, state read-only, dan reducer murni. Kalian juga melihat siklus data lengkap dari dispatch action hingga re-render UI, peran middleware, cara Immer mengamankan reducer, dan peta komponen utama Redux Toolkit.
August 10, 2026
00
Read
#3
Belajar Redux - Setup, Store & Provider
Episode ini memandu pembuatan store Redux pertama dengan configureStore, mengenal default middleware dan DevTools bawaan, dan membungkus aplikasi dengan Provider dari react-redux. Kalian juga menyusun struktur folder app untuk store dan features untuk slice per fitur.
August 10, 2026
00
Read
#4
Belajar Redux - createSlice & Reducers
Episode ini mengajarkan createSlice: mendefinisikan name, initialState, dan reducers dalam satu tempat, dengan action creator dan action type yang digenerate otomatis. Kalian juga menulis reducer dengan mutasi draft Immer dan menangani action eksternal lewat extraReducers.
August 10, 2026
00
Read
#5
Belajar Redux - Selectors & Hooks (useSelector/useDispatch)
Episode ini mengajarkan cara komponen membaca dan mengubah state: useSelector untuk membaca, useDispatch untuk mengirim action. Kalian memahami selector sebagai fungsi murni, kapan re-render terjadi dengan strict equality, serta memakai shallowEqual untuk data kompleks.
August 10, 2026
00
Read
#6
Belajar Redux - Async dengan createAsyncThunk
Episode ini mengajarkan createAsyncThunk untuk mengambil data API dan menyimpan hasilnya di reducer. Kalian memahami lifecycle action pending, fulfilled, dan rejected, mengelola status loading, succeeded, dan failed, menangani error message, serta membatalkan request saat komponen unmount.
August 10, 2026
00
Read
#7
Belajar Redux - TypeScript & Typing Store
Episode ini melengkapi project Redux dengan TypeScript: mendefinisikan RootState dan AppDispatch dari store, membuat typed hooks useAppSelector dan useAppDispatch, memberi generic pada createAsyncThunk, serta memakai createSelector dengan type inference penuh.
August 10, 2026
00
Read
#8
Belajar Redux - RTK Query: Setup & useQuery
Episode ini memperkenalkan RTK Query: membuat API client dengan createApi dan fetchBaseQuery, mendefinisikan endpoints.query, memakai hook useGetPostsQuery di komponen, serta memahami caching otomatis, deduplication request, dan status query yang lengkap.
August 10, 2026
00
Read
#9
Belajar Redux - RTK Query: Mutations & Cache Invalidation
Episode ini membahas sisi penulisan data RTK Query: endpoints.mutation dan hook useXMutation untuk POST, PUT, dan DELETE, optimistic update via onQueryStarted, serta sinkronisasi cache dengan providesTags dan invalidatesTags agar daftar data selalu konsisten setelah mutasi.
August 10, 2026
00