/rehacked-redux-basics

The ReHacked lab for Redux basics

Primary LanguageJavaScriptMIT LicenseMIT

ReactJS Tampa Bay Logo

ReHacked (July 13, 2016): Redux Basics

By ReactJS Tampa Bay

Codeship Status for reactjstampabay/rehacked-redux-basics

https://rehacked-redux-basics.firebaseapp.com

Welcome to ReHacked! The Redux Basics lab builds on top of the the original web application we built in ReHacked: SPA Basics.

By the end of this lab, you will have:

  • Expanded upon the original project's package.json with dev and build scripts
  • Have environmentally aware Webpack configurations
  • Installed Redux, redux-thunk, redux-logger
  • Created Actions, Reducers, and a Store for use with the application
  • Decomposed the original web app into Containers and Components
  • Connected the original web app's routines to Redux
  • Installed Redux DevTools to enhance local development experience

This master branch represents a completed solution set for the lab. We have separated the lab into logical "breakpoints" by use of branches. Please see below how to start.

PreHacked

Suggested Tools

  1. Atom or WebStorm
  1. SourceTree (If not using WebStorm)

ReHacked

In the interest of time and also better documentation, we have broken up this lab into stepped branches with their own README.md's that describe what to accomplish.

Please follow the branches in the order listed below

Start Here

  1. Step 1 Solution Set: Install Redux + Supporting Tools and Create Actions
  2. Step 2 Solution Set: Create a User Reducer and Root Reducer
  3. Step 3 Solution Set: Connect Root Reducer to React and Create Containers
  4. Step 4 Solution Set: Decompose Components from Dashboard
  5. Step 5 Solution Set: Enhanced Development with Redux DevTools
  6. Step 6 Solution Set: Expanding With react-router-redux and Rethinking Components