Juro

Watch User Created Playlist (2)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Error Handling using Error Boundaries in React 16

Find and Test Focused Input with Chrome’s DevTools in Cypress

P
react tutorial about Error Handling using Error Boundaries in React 16

Error Handling using Error Boundaries in React 16

6:01 react

A JavaScript error in the UI shouldn’t break the whole application. To solve this problem React 16 introduced the new concept of an error boundary.

Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the crashed component tree.

In this lesson we'll create an error boundary. We can use the new lifecycle hook componentDidCatch to handle any errors that the components we wrap throw at us, without unmounting our entire app!

cypress tutorial about Find and Test Focused Input with Chrome’s DevTools in Cypress

Find and Test Focused Input with Chrome’s DevTools in Cypress

3:28 cypress PRO

In this lesson, we’ll add tests that finds a focused input. We’ll use Chrome’s dev tools from inside the Cypress runner to inspect the element and update our test to verify that the expected element is focused. We’ll see how Cypress can be used to test drive our application by creating a failing test and updating our application code to make it pass.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?