Full Stack Web Development, Hands-On Labs

HOL02 Full Day Hands-On Lab: Busy Developer's Guide to React

04/03/2020

8:00am - 5:00pm

Level: Introductory to Intermediate

Ted Neward

Director, Platform Strategy

Quicken Loans

In the world of the Single-Page Application (SPA), one name that appears over and over again is that of React, a JavaScript web framework that does things a little differently - and with great effect. But getting started with React is a higher bar than some other JavaScript frameworks, because React takes a different approach to building software from some of its contemporaries. In this hands-on lab workshop, we'll start from zero, with a little intro to the modern JavaScript necessary to do React correctly. Then we'll start working with React: its core constructs, syntax (particularly JSX), and how it does components. We'll explore the new "hooks" that React 16 brought in to simplify component development, and we'll build a lovely little app in stages to do all of this.

Bring your laptop (with NodeJS vLatest and a text editor installed), a buddy, and your caffeinated beverage of choice, because once you strap in, it's going to be a non-stop adrenaline-filled hands-on lecture/lab ride.

You will learn:

  • How React is the "View" in a traditional MVC environment
  • How to build React components using JSX
  • About React "hooks" and how they make React simpler

Attendee Requirements:

You must provide your own laptop computer (Windows or Mac) for this hands-on lab.

Laptop installation requirements:

  • You will need to install NodeJS v.Latest
  • You will need to install git (which we will use to obtain the lab starting points)
  • You also will need to have any modern browser (instructor will be using Chrome)