Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

In-Person Training
A complete introduction to React

Brian Holt (Microsoft), Patrick Higgins (Gremlin)
Monday, June 11 & Tuesday, June 12, 9:00am - 5:00pm
Location: 211 D

Participants should plan to attend both days of this 2-day training course. Platinum and Training passes do not include access to tutorials on Tuesday.

Join Brian Holt for a hands-on introduction to React, one of the leading JavaScript libraries for building user interfaces. You'll also explore the React ecosystem as you learn how to use Redux for state management, React Router for navigation, and more.

What you'll learn, and how you can apply it

By the end of this two-day training, you’ll understand:

  • How to bootstrap a new app and get React working for you
  • The complete lifecycle of a React component
  • Battle-won React best practices as a result of having React code in production
  • This weird, cool, new JavaScript dialect called JSX

And you’ll be able to:

  • Build complete React components, including a little app
  • Manage application state with Redux
  • Use the tooling around React, including Babel, ESLint, Yarn, Jest, webpack, and React Router 4, and the developer tools for React and Redux

This training is for you because...

  • You're an intermediate or advanced JavaScript programmer looking for a well-rounded, complete introduction to React and complimentary tools and libraries.

Prerequisites:

  • A working knowledge of HTML, CSS, and ES5 JavaScript (ES6 will be used but will be explained; no experience with React or any tools listed in the course is necessary.)

Hardware and/or installation requirements:

  • A machine with Node.js version 6 or above; the instructor will be using the latest version of 7.
  • Make sure you can "npm install" / "yarn" from the public npm repository.
  • Please clone the course GitHub repository to your computer.

Outline

Day 1

  • Introduction and setup
  • My first React components
  • Props in React
  • Standard/ESLint, yarn, and npm scripts
  • Babel and webpack 2
  • React Router 4
  • State in React
  • Testing in React with Jest and Enzyme

Day 2

  • Marshaling data in React
  • JSX (6)
  • React DevTools Redux
  • Redux DevTools
  • Testing Redux
  • Universal rendering
  • Lifecycle methods and async/AJAX within React
  • webpack chunking and async routing

Additional resources:

About your instructors

Photo of Brian Holt

Brian Holt is a senior cloud developer advocate at Microsoft, where 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 San Francisco, CA.

Twitter for holtbt

Patrick Higgins is a UI engineer at Gremlin, where he helps developers unleash the power of controlled chaos. He is passionate about finding effective ways to make UIs resilient to failure.
He fills his weekends with playing soccer, reading nonfiction, and assisting with civic causes that he cares about.

Twitter for higgyCodes

Conference registration

Get the Platinum pass or the Training pass to add this course to your package. .

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)

Comments

Picture of Toheeb Okenla
Toheeb Okenla | MOBILE & WEB SOFTWARE ENGINEER II
05/08/2018 3:40am PDT

How tied together is the first day training and the second day training? I was thinking about attending the second day.