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

Testable React

Pete Hodgson (Independent)
1:30pm–5:00pm Tuesday, June 12, 2018
Web Foundations: CSS, HTML, JS, Node
 Location: 210 A/E
Secondary topics:  Hands-on
Average rating: ***..
(3.83, 6 ratings)
Download slides (PDF)

Who is this presentation for?

  • Tech leads who are new to React

Prerequisite knowledge

  • A working knowledge of JavaScript
  • Experience with frontend code (useful but not required)
  • No React experience required

Materials or downloads needed in advance

Please take a few minutes to make sure you are prepared before the workshop
 
* Make sure you can run the example repo *
 
 - Download code from repo: https://github.com/moredip/react-training
- Make sure you’re on the master branch
- Go into /hello directory
- Run `npm install` (or `yarn install` if you’re feeling fancy)
- Make sure you can launch the code:
  - `npm start` (or `yarn start`)
  - You should see a “hello world” app launch in your browser, running on http://localhost:3000
 
 
 
* Install React and Redux dev tools in your browser *
 
Both are available as either Chrome or Firefox extensions. I’ll be using Chrome in the workshop but Firefox should be fine too.
Follow installation instructions:
Check that both tools are installed and working:
- Open up your browser’s Developer Tools (Cmd-Option-I)
- Check for a React tab and a Redux tab 

What you'll learn

  • Understand React fundamentals, tools and techniques for testing React apps, and areas of React to avoid

Description

Join expert Pete Hodgson to get started with React on the right foot. Pete focuses on React fundamentals explained through two big ideas—testability and stateless components—as you learn how to build industrial-grade React apps. You’ll leave with hands-on knowledge of the major moving parts of React along with experience using tools and techniques for testing your React code.

Topics include:

  • The major moving parts of React
  • How to get started with a new React app using Create React App
  • How to use Jest and Enzyme for unit testing
  • Techniques to write React code in a testable way
  • Features of React to avoid
  • How to build a React app with reasonable unit-test coverage
  • Principles and practices for building functional, testable React applications
Photo of Pete Hodgson

Pete Hodgson

Independent

Pete Hodgson is an independent software delivery consultant who focuses on enabling software teams to deliver awesome software at a sustainable pace. He blurghs at blog.thepete.net and toots as @ph1.

Comments on this page are now closed.

Comments

Picture of André Morrow
André Morrow | SPEAKER MANAGER
06/15/2018 12:47am PDT

Please above link to attain the slides.

Eliazer Braun | FRONT END LEAD
06/14/2018 8:25am PDT

Slides.