ihollander/redux-workshop

★ 0Forks 16JavaScriptGitHub ↗Compare

README

Redux Workshop

Setup

Clone this repo and make a branch for your code. There are three subfolders with exercises:

  • 01-redux-fundamentals
  • 02-redux-toolkit
  • 03-react-redux

Each of these exercise folders has a separate project we'll be working on during the workshop to get hands-on practice writing Redux code. The readme files in each of these folders has separate instructions for getting set up, so make sure to get those up and running!

Intro

Objectives:

  • Discuss what Redux is and its benefits

Redux Fundamentals

Objectives:

  • Write a reducer function
  • Dispatch actions
  • Define key terms: reducer, store, action, dispatch

Redux Toolkit

Objectives:

  • Identify differences between using Redux Toolkit and vanilla Redux
  • Use the createSlice function to write reducers
  • Use action creators
  • Use the configureStore function to combine reducers and set up Redux DevTools

React-Redux

Objectives:

  • Understand how React and Redux communicate
  • Use the useSelector hook to access data from the store
  • Use the useDispatch hook do dispatch actions to the store

Contributors

ihollander

Issues