Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit ad8e207

Browse files
committed
New devtools blog post
(cherry picked from commit f5bd8fc)
1 parent 7f1c102 commit ad8e207

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed
Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
title: "New React Developer Tools"
3+
layout: post
4+
author: spicyj
5+
---
6+
7+
A month ago, we [posted a beta](/react/blog/2015/08/03/new-react-devtools-beta.html) of the new React developer tools. Today, we're releasing the first stable version of the new devtools. We're calling it version 0.14, but it's a full rewrite so we think of it more like a 2.0 release.
8+
9+
![Video/screenshot of new devtools](/react/img/blog/devtools-full.gif)
10+
11+
It contains a handful of new features, including:
12+
13+
* Built entirely with React, making it easier to develop and extend
14+
* Firefox support
15+
* Selected component instance is available as `$r` from the console
16+
* More detail is shown in props in the component tree
17+
* Right-click any node and choose "Show Source" to jump to the `render` method in the Sources panel
18+
* Right-click any props or state value to make it available as `$tmp` from the console
19+
* Full React Native support
20+
21+
## Installation
22+
23+
Download the new devtools from the [Chrome Web Store](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) and on [Mozilla Add-ons](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) for Firefox. If you're developing using React, we highly recommend installing these devtools.
24+
25+
If you already have the Chrome extension installed, it should autoupdate within the next week. You can also head to `chrome://extensions` and click "Update extensions now" if you'd like to get the new version today. If you installed the devtools beta, please remove it and switch back to the version from the store to make sure you always get the latest updates and bug fixes.
26+
27+
If you run into any issues, please post them on our [react-devtools GitHub repo](https://github.com/facebook/react-devtools).

0 commit comments

Comments
 (0)