/learn-redux-updated

Updated course files for Wes Bos' Learn-Redux video series.

Primary LanguageJavaScript

Learn Redux

I needed a quick refresher on Redux and came across Learn Redux.

It was great, but sorely outdated. This is an updated, modernized version of the ReactJS application you build as you progress through the video series. It doesn't look like the repo is looking at PRs, so I decided to provide an updated version that will hopefully help others looking to complete the series, but have a baseline to work off of when using current versions of React and Redux.

Each branch will contain a working version as of the end of a given video segment. The initial master commit is the first working version. If you want to see what was changed along the way, refer to each of the branches.

Each link takes you to a branch that matches the video chapter in the series. Gaps mean I rolled up related changes from a few videos into one branch.


This updates to:

  • React 16.6
  • React Router 4
  • Webpack 4
  • Redux 5
  • Babel 7

Along the way, we will be removing dependencies if they are not needed. For example, the initial commit removes some presets that are now rolled into preset-env.

Running

First npm install to grab all the necessary dependencies.

Then run npm start and open localhost:7770 in your browser.

Production Build

Run npm build to create a distro folder and a bundle.js file.

TODOs (outside of the tutorial scope, but good first issues for any contributors!)

  1. Update to use react-transition-group
  2. Actually add tests (the default code base uses expect, I think this should use enzyme)
  3. Get the production build working
  4. Linting
  5. Remove more dependencies

This code comes without warranty. I am not in any way associated with learnredux.com, Wes Bos, nor do I claim this source is original or defect free. However, if anyone has any bug fixes or enhancements, you're welcome to submit a PR.