Join Us For an Exclusive 3-day Workshop:
Complete Introduction to React

(feat. Redux & React Router v4)

May 30th – June 1st, 2017 • 9:30am – 5:00pm CST

Attend Online

Live and Full HD


Attend In-Person

From: Downtown Minneapolis, MN

Start Learning Today Learn React, Redux & Router Money-back Guarantee

By coding along with us for this 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 Prettier, Babel, ESLint, Yarn, Jest, Webpack 2, and React-Router 4
  • How to migrate from React to drop-in replacements Preact and Inferno
  • The developer tools for React and Redux

Your Instructor

Brian Holt

Brian Holt is currently working as a senior user interface engineer at Netflix. This means he’s using JavaScript to enable your (and his own) House of Cards binge watching. Previously, he worked as the director of Redditgifts frontend 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.

Interact With the Instructor

Online & In-Person

Get Your Questions Answered

Spend Three Full Days Immersed With a Leading React Master

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 3-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.

Included with Frontend Masters Membership



Watch Now

How We'll Spend the Day

We've already held over 100 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:00 Introduction and Setup
9:15 My First React Component
10:00 Props in React
10:30 Prettier, Yarn, ESLint, and the Airbnb rules
11:00 Webpack 2 and Babel
12:00 Lunch
1:00 JSX
2:00 React Router 4
3:00 Props in React
4:00 styled-components

Day 2:

9:00 State in React
10:30 Testing in React with Jest, Enzyme, and Istanbul
11:00 Hot Module Reload
12:00 Lunch
1:30 Flow
2:30 Marshalling Data in React
3:30 Lifecycle Methods and Async/AJAX within React

Day 3:

9:00 React Devtools
9:30 React Perf Tools
10:00 Redux
11:30 Redux Devtools
12:00 Lunch
1:00 Async Redux
2:00 Testing Redux
3:30 Universal Rendering
4:00 Webpack Chunking and Async Routing
4:30 Replacing React with Preact or Inferno

*We'll try to stick to the schedule but the event is live so is subject to change.

The Price

The price for attending this 3-day workshop is simply the cost of becoming a monthly ($39) member. If you have already attended one, you know this is a tremendous value. If you haven’t, you may be wondering if it’s truly worth becoming a member.

Browse through just a few of the testimonials and you’ll see that people RAVE over these workshops. They’re unique and provide an experience and education you simple cannot find anywhere else.

You’re getting access to some of the brightest, most highly sought after experts in the world, covering topics very few people discuss in detail. Many attendees report learning more in this 3-day workshop than they did about a particular topics in the past 1-2 years combined.

Combine that with access to thousands of unique, high quality videos in our membership area with 500 hours of in-depth training from world renowned experts and you’ll see why this is a bargain.

  1. These workshops are different from any others you’ve attended. They cover everything, from the basics to advanced material. All of which are available for replay so you can go back and review as your skill grows.

  2. We get a lot of people saying they are scared to join… until it was over. Then they brag about how much of an amazing value they got for the price.

  3. You’re also getting videos of the workshop, plus ALL other workshops we’ve recorded, instantly!

Watch Now

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.

You'll Either LOVE This Workshop Or You Don't Pay. Period.

Our attendees are ecstatic by the high-quality, relevant content they receive at these workshops.

We cover everything in explicit detail (and the things we miss are covered by answers to YOUR questions) from basic to advanced tactics you can start working with the very same day. We don't want you to miss out on this opportunity because you've been to less-than-stellar workshops in the past. We promise you, ours are very unique.

That's why if you attend the workshop and aren't absolutely thrilled with the content… if you don't think it's worth the admission price… We refuse to accept your money. We will more than gladly issue you a full refund, so you risk nothing.

We're very specific about what you're getting here and have ran lots of workshops… so we've almost never have requests for refunds (99.8% satisfaction rate).

MJG Workshop Center • 60 South Sixth Street, Suite 3625, Minneapolis, MN, 55402

What Past Attendees Are Saying

"Superb presentation from a genuine domain expert. I learned a ton today."

Steve Jakubowski

"Keep up the good work. I've attended a lot of online workshops, and they are very shallow and unpractical. Most of the time, online people are treated as second class, but still paying citizens. Here we get all the content and get to participate as well (if only there was a way to get those cookies...)."

Adrian Murillo

"The class was great. It was really cool to get a bunch of links to example code to look at during the presentation and after the class."

Nate Yourchuck

"Good location and facility. Great technology for capture, presentation layout and video streaming. Really excellent being able to view the videos afterwards. It takes away the sense of having to absorb everything immediately or else lose it into the ether. It was fun. What more can you ask for?"

Laurence Bates

"Really well run...loved the communication pre-event. Very impressed with everything...this was my first online conference purchase, but I would definitely consider doing it again."

Jeff Sims

"I really enjoyed the online workshop experience. It is much better than just watching videos. I was able to participate in the conversations and benefit from other folks' questions."

Dana Greenberg

"You guys did a really great job! I cannot say enough good things about the experience."

Richard Ranke

"Everything was first class: excellent instructor, material, video, moderator, audio. Thank you!"

Oscar Pagani

My name is Marc Grabanski I'm the founder of Frontend Masters. I guarantee this workshop will be awesome. Period.

If you don't think it's worth 10x the value, I'm happy to give you back every penny. That's my promise to you!

Marc Grabanski
Founder Frontend Masters