finds.dev← search

// the find

gopinav/React-Redux-Tutorials

★ 324 · JavaScript · updated Jan 2021

Source code related to the React Redux Tutorials on YouTube

Companion source code for a YouTube tutorial series teaching React-Redux from scratch. The repo walks through vanilla Redux concepts before layering in React bindings, covering actions, reducers, middleware, and async thunks with a toy cake/ice-cream example. It's for developers who learn by watching video and want runnable code alongside.

The folder structure is intentionally pedagogical — separating `redux-demo` (plain JS, no React) from `react-redux-demo` makes the conceptual boundary between Redux-core and React-Redux explicit, which most tutorials skip. It covers both `connect()` and hooks (`useSelector`/`useDispatch`) side by side in separate components, so you can see the old and new patterns in the same codebase. The async user-fetch example with redux-thunk is minimal enough to actually understand what the middleware is doing.

Frozen in January 2021 — this predates Redux Toolkit being the official recommended approach by about two years, so everything here is the verbose boilerplate pattern (separate types/actions/reducers files) that the Redux team now explicitly tells you not to write. No tests beyond the default CRA placeholder. The cake/ice-cream domain is so trivially simple that none of the real pain points of Redux at scale (normalized state, selector memoization, large action payloads) ever surface.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →