Building Your First React App

If you'd like me to present this workshop at your company, I'd love to hear from you!

Slides

Exercises

Setup Instructions

Abstract

In this workshop, you'll learn how to build a single-page app with React. We'll discuss the fundamentals of React development, the "React" way of building apps, and suggestions for writing maintainable React code. You'll get hands-on experience with JSX, React Router, several methods of managing state, and testing tools like Jest and Enzyme.

We'll be creating an app to manage all the adorable kittens in our lives. The React landscape is extensive, and we can't cover it all - but you'll leave this workshop feeling confident to build your next app with React.

This session includes a healthy balance of instruction and hands-on activities. We'll cover a broad variety of topics required to build a React app:

  • React fundamentals
  • Features of modern JavaScript that ease React development
  • The 'Component' mindset
  • JSX, a strange-looking hybrid between JavaScript and HTML
  • Verifying component inputs
  • Styling React components
  • Routing
  • State management
  • Automated testing
  • Best practices

Experience with HTML, CSS, and JavaScript is required. You'll need Git v2.15.0 or higher, NodeJS v8.9.4 or higher, NPM v5.6.0 or higher, and a text editor of your choosing.

Specific and detailed prerequisite instructions are found here.