amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-24 04:33:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes to markdown content/paths

Browse Source
This commit is contained in:
Brian Vaughn
2017-10-04 15:00:37 -07:00
parent 9d9b2021ed
commit eb1994b0d2
54 changed files with 143 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
content/tutorial/tutorial.md
View File

@@ -166,11 +166,11 @@ class Square extends React.Component {
Before:
![React Devtools](../img/tutorial/tictac-empty.png)
![React Devtools](../images/tutorial/tictac-empty.png)
After: You should see a number in each square in the rendered output.
![React Devtools](../img/tutorial/tictac-numbers.png)
![React Devtools](../images/tutorial/tictac-numbers.png)
[View the current code.](https://codepen.io/gaearon/pen/aWWQOG?editors=0010)
@@ -255,7 +255,7 @@ If you click on any square, an X should show up in it.
The React Devtools extension for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) and [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) lets you inspect a React component tree in your browser devtools.
<img src="../img/tutorial/devtools.png" alt="React Devtools" style="max-width: 100%">
<img src="../images/tutorial/devtools.png" alt="React Devtools" style="max-width: 100%">
It lets you inspect the props and state of any of the components in your tree.