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

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

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

This workshop has already been published as a course!

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

Some Key Takeaways!

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 (Awesome) Instructor

Brian Holt

Brian Holt

Brian is currently working as a principal program manager on Azure at Microsoft and he’s all about developers, developers, developers. Previously he was a JavaScript engineer at Netflix, LinkedIn and Reddit. When not working, Brian finds time to teach on Frontend Masters, run his mouth on Front End Happy Hour, travel all over the world, and play with his adorable dog. Brian is currently a resident of Seattle, WA.

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 300 workshops with thousands of attendees 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 Daylight Time


Option 1: Attend online on our full HD live stream

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