Workshop: React State Management With Redux

Location:

Level: 
Intermediate

When:

1:00pm - 4:00pm

Key takeaways

We'll introduce the core-concepts of redux, and show how to use this in your react applications. We will take a sample react app, and move its data-layer into redux. Then we'll cover how to access this this data in react components.

redux data-modeling basics

de-coupled architecture with redux reducers and actions

Simplified debugging with react and redux dev tools

Javascript data mutability, and shared structural data

Introduction to react-redux performance best practices

Prerequisites

  • Participants should be familiar with Javscript (ES6) at an intermediate level and a basic understanding with object spread operators
  • Participants should bring a laptop with the following installed:

* git
* node vs 6.0 or higher
* npm version 3.10+ or yarn version 0.23+
* a text editor or ide
* Chrome
* React-dev tools chrome extension
* redux-dev tools chrome extension

We'll introduce the core-concepts of redux, and show how to use this in your react applications. We will take a sample react app, and move its data-layer into redux. Then we'll cover how to access this this data in react components.

Speaker: Ryan Schwers

Senior Software Engineer @Reddit

Ryan Schwers is a frontend architect at Reddit; contributing to the upcoming redesign with a focus on performance and architecture. Previously he's worked on iOS applications at Pushbullet and web apps at Hipmunk.

Find Ryan Schwers at

.

Tracks