A Complete Intro to React
Join us for an Awesome Workshop on:

A Complete Intro to React

March 24, 2016 - 9:30am to 5:30pm Central Daylight Time

This workshop has already been published as a course!

A Complete Intro to React

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • 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

Your (Awesome) Instructor

Brian Holt

Brian Holt

Brian is currently working as a product manager on dev tools at Stripe and he’s all about developers, developers, developers. Previously he was a JavaScript engineer at Netflix, Microsoft 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 the 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. As a bonus, Brian will give a brief treatise on universal rendering with Node.js using React and a discussion of what is new in the React community (like Falcor).

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 and npm scripts
  • 11:00AM
    webpack and Babel
  • 12:00PM
  • 1:00PM
  • 2:00PM
    React Router
  • 3:00PM
    State in React
  • 4:00PM
    Testing in React with Mocha, Chai, Enzyme, and nyc

Day 2

  • 9:00AM
    Marshalling Data in React
  • 10:00AM
    React Devtools
  • 10:30AM
  • 11:30AM
    redux Devtools
  • 12:00PM
  • 1:00PM
    Testing redux
  • 1: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?

Any Prerequisites?

Event Details


One Full Day Workshop Session

Replay Videos (available immediately)


March 24, 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