Skip to content

Instantly share code, notes, and snippets.

@Micspr

Micspr/redux.md

Forked from Shurlow/redux.md
Created January 7, 2019 17:33
Show Gist options
  • Save Micspr/bd781393be360327ca876b257f6de472 to your computer and use it in GitHub Desktop.
Save Micspr/bd781393be360327ca876b257f6de472 to your computer and use it in GitHub Desktop.
Download ZIP
Redux lesson notes
Raw
redux.md

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