Complete Intro to React- v3
Join us for an Exclusive Workshop:

Complete Intro to React- v3

Brian Holt
Brian Holt
Netflix
May 30 to 1, 2017 - 9:30am to 5:30pm Central US Time

Attend Online

Live and in Full HD
OR

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

May 30 to 1, 2017 - 9:30am to 5:30pm Central US Time

This Workshop Is Currently Live

May 30 to 1, 2017 - 9:30am to 5:30pm Central US Time

This Workshop Has Already Concluded

Complete Intro to React- v3

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

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.

Spend Three Full Days 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 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.

Daily Schedule

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

Day 2

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

Day 3

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

Interact with the Instructor - Online & In-Person

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

Is This Workshop for Me?

Summary

"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

Free for EVERYONE

3 Full Day Workshop Sessions

Replay Videos (available immediately)

When

May 30 to 1, 2017 - 9:30am to 5:30pm Central US Time

Where

Option 1: Attend online on our full HD live stream

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