Skip to content

Instantly share code, notes, and snippets.

@Shurlow
Last active January 8, 2019 22:37
Show Gist options
  • Save Shurlow/6f85eae70d001c3370cf5933c2bfbf22 to your computer and use it in GitHub Desktop.
Save Shurlow/6f85eae70d001c3370cf5933c2bfbf22 to your computer and use it in GitHub Desktop.
Redux lesson notes

Introduction to Redux

Objectives

  • Describe the purpose of Redux
  • Utilize Redux apart from React to manage state
  • Integrate Redux into an existing React application

Guiding Questions

  • Read through the documentation for Redux Core Concepts. What are some of the terms and concepts you recognize from earlier in the course?

    Your answer...

  • Define what a store, reducer, and action is and how they interact. For help, try viewing the next page on the Three Principles of React or view the resource at the bottom of the page.

    Your answer...

  • Create your own metaphor to describe how the store, reducer, action and dispatch work together in a redux application.

    Your answer...

Pure Redux

Follow the instructions to setup the following repository: Redux Introduction

Read through examples 00.js and 01.js before implementing reducers for 02.js and 03.js

Integrating Redux and React

To integrate Redux with React we will be adding to the Color Mixer React App. If you don't have a working version, please use the solution branch.

  • When integrating Redux with React, what are some of the additional functions you must pull in from the react-redux library?

    Your answer...

  • Identify what is needed in the store.js file to integrate Redux and React.

    Your answer...

  • Identify what is needed in the index.js file to integrate Redux and React.

    Your answer...

  • Identify what is needed in each component file to integrate Redux and React.

    Your answer...

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment