HuntExams Academy
ReactIntermediate#debugging

How do you debug a React app?

Use React DevTools to inspect the tree, props and re-render causes, the Profiler for timing, console/network for data issues, and the component stack in errors to find the failing subtree.

Example
// find why a component re-renders
// DevTools -> Profiler -> record -> check 'Why did this render?'

Related Questions

1
ReactAdvanced#testing

How do you test React components?

Open
2
ReactIntermediate#accessibility

What accessibility basics should a React component follow?

Open
3
ReactAdvanced#context#performance

How do you avoid unnecessary re-renders from context?

Open