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

In this course, Brian Holt (Microsoft) introduces you to React, one of the leading JavaScript libraries for building user interfaces. You will 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

  • 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
  • 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, and React-Router 4
  • The developer tools for React and Redux

Prerequisites:

  • Experience working with HTML, CSS and ES5 JavaScript
  • ES6 will be used but will be explained as used
  • No experience with React or any tools listed in the course is necessary

Hardware and/or installation requirements:

  • You will need Node version six or above
  • The Instructor will be using latest version of 7
  • Make sure you can `npm install` / `yarn` from the public npm repository
  • Please clone https://github.com/btholt/complete-intro-to-react/tree/start to your computer.

Resources (Optional free downloads for companion ebooks/videos, etc.)

In this course, Brian Holt (Microsoft) introduces you to React, one of the leading JavaScript libraries for building user interfaces. You will also explore the React ecosystem as you learn how to use Redux for state management, React Router for navigation and more.

This course is designed for intermediate and advanced JavaScript programmers looking for a well-rounded, complete introduction to React and complimentary tools and libraries to make you highly productive at building web applications in React.

Schedule

Day 1

  • Introduction and Setup
  • My First React Components
  • Props in React
  • Standard/ESLint, yarn and npm scripts
  • Webpack 2 and Babel
  • JSX (6)
  • React Router 4
  • State in React
  • Testing in React with Jest and Enzyme

Day 2

  • Marshalling Data in React
  • React Devtools Redux
  • Redux Devtools
  • Testing Redux
  • Universal Rendering
  • Lifecycle Methods and Async/AJAX within React
  • Webpack Chunking and Async Routing

About your instructor

Photo of Brian Holt

Brian Holt is currently working as a senior cloud developer advocate 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 San Francisco, CA.

Twitter for holtbt

Conference registration

Get the Platinum pass or the Training pass to add this course to your package. Best Price ends March 30.

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)