Complete React Tutorial (& Redux) #6 - React Dev Tools

Hey gang, in this React tutorial I want to take a quick side-step to introduce you to a tool called React Developer Tools, which we can install into the Chrome browser.

----------------------------------------

🐱‍💻 Course Links:

----------------------------------------

[shrutichoudhary]

for those who can't see the extension working or react tab in dev tools, make sure that your browser extension setting has allowed access to file URLS. Also use production version of react CDN. Refresh and you'll be able to see the extension working and upon inspection you'll be able to see "components" and "profiler". That's where you can see the components and the states

[mohitsharma-onxs]

couple of ways to troubleshoot, use production version of cdn links in your html file. check developer tools extensions details and see "Allow access to file URLs" is turned on, turn on if turned off. See site access is on all sites. Then you will be able to see Components and Profiler tab to access it.

[StarBattle]

I just realised, this video was uploaded on my birthday xD

[curlykink]

You're a very good teacher; I really appreciate your videos. Cheers!

[suvfurkan]

Thank you so much for your tutorials!!

[darrylbrian]

If you don't see the `React` tab, look for the `Components` tab

[AbhishekKashyap]

Goto chrome preferences/settings> extensions > React developer tools> details> toggle Allow access to file URLs

[yuconarsenal]

Thank you so much for your tutorial <3

[ishakikani]

the react icon on the right top corner is not getting red .. what should i do??

[Soap_js]

Age is showing before the name in react tab in console but you wrote name before age on the html file hmmmm 🤔

[shreyanshgaurav]

I can see component tab but states aren't visible. I turned on the "file url" option as well.

[rawiwawi]

One question, I cant find the react tab. Any clue why? Thanks for the great vid!

[sherrywu]

Thanks for the video! But somehow when I update state in the react component it doesnt change whats shown in the webpage...

[Angelo]

My React DevTools are not updating state when modifying data in the ReactDevtools

[alexizumi]

Hi. I'm getting "This page is using the development build of React. 🚧"
I already turned on the "allow access to file URL's". What else can I do?

[ryanbarrera]

I can view the React Tab but my small icon in upper-right is not turning into Red, it's only grayed out. and I don't see the Props and State also..

[Brynjar]

What needs to be done?
Stop playing vidya

[letsdev]

Thank you so much for your tutorial <3