Complete Intro to React (feat. Redux & React Router)
Join us for an Exclusive Workshop:

Complete Intro to React (feat. Redux & React Router)

Brian Holt
Brian Holt
September 1 to 2, 2016 - 9:30am to 5:30pm Central US Time

Attend Online

Live and in Full HD

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

September 1 to 2, 2016 - 9:30am to 5:30pm Central US Time

This Workshop Is Currently Live

September 1 to 2, 2016 - 9:30am to 5:30pm Central US Time

This Workshop Has Already Concluded

Complete Intro to React (feat. Redux & React Router)

Why You Should Join Us

By coding along with us in the Workshop, you'll:

  • How to bootstrap a new app and get React working for you
  • The complete lifecycle of a React component
  • Some battle-won React best practices as a result of having React code in production
  • This weird, cool, new JavaScript dialect called JSX
  • Have built several complete React components, including a little app
  • How to manage application state with Redux
  • The tooling around React, including Babel, ESLint, Yarn, Jest, Webpack 2, and React-Router 4
  • The developer tools for React and Redux

Your Instructor

Brian Holt

Brian Holt

Brian Holt is currently working as a Cloud Developer Advocate at Microsoft. This means he’s using JavaScript to enable your (and his own) House of Cards binge watching. Previously, he worked as Senior UI Engineer at Netflix and the Director of Redditgifts Front-end at Reddit. When not on a Netflix bender or devouring content on Reddit, Brian is probably hanging out with his wife and their dog, running, traveling, or playing video games. Brian is currently a resident of San Francisco, CA.

Spend a Full Day Immersed With a Leading React Master

Workshop Details

Surely by now you have heard the buzz surrounding Facebook's React. More and more people and companies are using it to build large-scale production apps (including at Netflix). Brian Holt guides attendees through an overview of React. In this 2-day training, attendees will go from knowing nothing (or very little) about React to building a whole app using React and Redux.

React has some neat bells and whistles, like virtual DOM and the speed at which it can render content to the DOM and update it thereafter. However, these are not the most compelling reasons to use React. React introduced some fundamental concepts to the frontend development world, chief among them Flux and one-way data flow. Brian outlines how you can take these concepts and apply them to any code you're writing.

In addition to covering how to write user interfaces using React, Brian will explore managing data using Redux. Redux is a great library from Dan Abramov that makes managing data stores very simple. We will discuss how to use Redux to make Flux-like stores. We also discuss tooling in the React world, talking about the newest versions of Webpack, Babel, eslint, Yarn, and Jest.

As a bonus, Brian will give a brief treatise on universal rendering with Node.js using React.

Daily Schedule

We've already held over 70 workshops holding thousands attendees both in-person and online. In this time we've discovered ways to schedule the day so it goes smoothly and efficiently.

Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

Day 1

  • 9:00AM
    Introduction and Setup
  • 9:15AM
    My First React Component
  • 10:00AM
    Props in React
  • 10:30AM
    Standard/ESLint, yarn and npm scripts
  • 11:00AM
    Webpack 2 and Babel
  • 12:00PM
  • 1:00PM
  • 2:00PM
    React Router 4
  • 3:00PM
    State in React
  • 4:00PM
    Testing in React with Jest and Enzyme

Day 2

  • 9:00AM
    Marshalling Data in React
  • 10:00AM
    React Devtools
  • 10:30AM
  • 11:30AM
    Redux Devtools
  • 12:00PM
  • 1:00PM
    Testing Redux
  • 2:30PM
    Universal Rendering
  • 3:00PM
    Lifecycle Methods and Async/AJAX within React
  • 4:00PM
    Webpack Chunking and Async Routing

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?


"This session will, as it bills itself, be a complete intro to React: no experience with React or any of the tools is necessary. The course does a require a solid foundation in ES5 JavaScript: the teacher will use ES6 features but will explain them as he goes. Having experience with another framework like Angular is helpful to but not at all required.

This is an update to the previous course:

If you took this the previous iteration of this class, this is an update. It builds the same app with similar methodologies but will use the latest version of the tools and the latest best practices. The update will use newer technologies like Webpack 2, React-Router 4, Yarn package manager, and Jest."

Event Details


2 Full Day Workshop Sessions

Replay Videos (available immediately)


September 1 to 2, 2016 - 9:30am to 5:30pm Central US Time


Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN