React Development Tools

React biedt browser extensies aan voor het ontwikkelen van React applicaties. Deze tools zijn beschikbaar voor de meeste browsers:

• Chrome
• FireFox
• Edge

De React developer tools kunnen gebruikt worden om de componentenboom te bekijken, te inspecteren, en te filteren. Dankzij deze tools wordt het veel eenvoudiger om bugs te vinden in grote componentenbomen en het overzicht te behouden. De developer tools bieden ook ondersteuning voor state en hooks. Het is dus mogelijk om de state te wijzigen via de devtools en de huidige state te bekijken.

Onderstaande website bied een zeer goede tutorial over het gebruik van de React dev tools. Voor je aan de oefeningen van les 2 begint, overloop je best de eerste 4 secties van deze tutorial.

React Developer Tools Tutorial