July 20–24, 2015
Portland, OR

Intro to React and effective design patterns

Brian Holt (Netflix)
1:30pm–5:00pm Monday, 07/20/2015
Scale Portland 255
Average rating: ***..
(3.67, 6 ratings)

Prerequisite Knowledge

Modern ES5 JavaScript. Having a knowledge of Angular, Ember, Backbone, or something else will help as many parallels will be drawn.

Materials or downloads needed in advance

  • Text editor / IDE of your choice
  • node 0.12+ or iojs 1.0+ (I’ll be running the workshop with iojs 2.1+)
  • Clone the repo at https://github.com/btholt/es6-react-pres (please do night before or morning of; do not rely on the conference wi-fi!)
  • `npm install` the requirements for the repo (please do night before or morning of; do not rely on the conference wi-fi!)
  • The ability to be run gulp and iojs/node. I’ll be doing it from the CLI but you can do it however works for you.
  • I’ll be doing the workshop with a Mac. Linux is a trivial translation but Windows can be hard.

Description

One of the new, hot libraries in the JavaScript world is React and there is reason that it is getting so much attention: it offers some productivity gains you will not believe. In this workshop, we will cover React at a high level and then get in and write some code.

React is a library that totally eschews the traditional model-view-controller architecture in favor of consolidating all concerns of a component into a single location. This may seem to be a bad idea but it actually makes code very easy to read and maintain. This is, however, a break from the way we typically think. We will go over this new line of thinking, complete with little React examples to toy with.

By the end of this workshop, you will understand:

  • React, its purpose, and why you may want to use it
  • 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
Photo of Brian Holt

Brian Holt

Netflix

Brian Holt is currently working as a senior user interface engineer at Netflix. This means he’s using JavaScript to enable your (and his) binge-watching of House of Cards. Previously he worked as the director of redditgifts front end at reddit. When not on a Netflix bender or devouring content on reddit, Brian is probably hanging out with wife and dog, running, traveling, or playing video games. Brian is presently a resident of San Francisco.

Comments on this page are now closed.

Comments

Picture of Greg Bulmash
Greg Bulmash
07/19/2015 3:31pm PDT

Got an error that a dependency of a dependency (fsevents) wouldn’t install because it’s Darwin-only, but it’s also labeled as an optional dependency. I’m assuming it’s some sort of filesystem watcher…