Skip to content

Translate Tutorial #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
zaferayan merged 24 commits into from
Feb 22, 2019
Merged

Translate Tutorial #3

Changes from 1 commit
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
d3e628b
Translated from beginning to inspecting starter code
zaferayan Feb 15, 2019
91e5fac
Translated Inspecting Starter Code and Passing Data Through Props
zaferayan Feb 15, 2019
7956a78
Translated Making an Interactive Component
zaferayan Feb 16, 2019
e0e7838
Translated Developer Tools
zaferayan Feb 16, 2019
cad3d49
Translated Completing the Game
zaferayan Feb 16, 2019
a80918f
Translated Lifting State Up
zaferayan Feb 16, 2019
147108c
Translated Why Immutability Is Important
zaferayan Feb 17, 2019
96f5f36
Reverted link identifiers to English
zaferayan Feb 17, 2019
69223e0
Translated Data Change With/Without Mutation sections
zaferayan Feb 17, 2019
3db6813
Translated Complex Features Become Simple
zaferayan Feb 17, 2019
a2134d1
Translated Detecting Changes
zaferayan Feb 17, 2019
de7e78a
Translated Determining When To Render In React
zaferayan Feb 17, 2019
2657e17
Translated Function Components
zaferayan Feb 17, 2019
7bc6da8
Translated Taking Turns
zaferayan Feb 17, 2019
18cc8eb
Translated Declaring a Winner
zaferayan Feb 17, 2019
63e6c30
Translated last sentence of Declaring a Winner section
zaferayan Feb 17, 2019
f11b115
Translated Adding Time Travel
zaferayan Feb 17, 2019
2ebabf3
Translated Storing History of Moves
zaferayan Feb 17, 2019
30a570f
Translated Lifting State Up Again
zaferayan Feb 17, 2019
9955562
Translated Showing Past Moves
zaferayan Feb 17, 2019
6302d43
Translated Picking a Key
zaferayan Feb 18, 2019
1d06158
Translated Implementing Time Travel and Wrapping Up
zaferayan Feb 19, 2019
c15457c
Revised from starting to Function Components section
zaferayan Feb 19, 2019
cb2da77
Revised to the end
zaferayan Feb 20, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Translated Developer Tools
  • Loading branch information
@zaferayan
zaferayan committed Feb 16, 2019
commit e0e78381b7d9eab05fdafe23899266ce4e3c4f8e
18 changes: 9 additions & 9 deletions content/tutorial/tutorial.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -330,22 +330,22 @@ Bir component'teki `setState` fonksiyonunu çağırdığınızda, React otomatik

**[Kodun bu kısma kadar olan son halini görüntülemek için tıklayınız](https://codepen.io/gaearon/pen/VbbVLg?editors=0010)**

### Developer Tools {#developer-tools}
### Geliştirici Araçları {#gelistirici-araclari}

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 with your browser's developer tools.
[Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) ve [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) için React Devtools eklentisi sayesinde herhangi bir React component ağacını, tarayıcınızın geliştirici araçları kısmından görüntüleyebilirsiniz.

<img src="../images/tutorial/devtools.png" alt="React Devtools" style="max-width: 100%">

The React DevTools let you check the props and the state of your React components.
React DevTools, React component'lerinizin state'ini ve prop'larını kontrol etmenize olanak tanır.

After installing React DevTools, you can right-click on any element on the page, click "Inspect" to open the developer tools, and the React tab will appear as the last tab to the right.
React DevTools kurulumundan sonra, sayfa içerisindeki herhangi bir elemana sağ tıklayarak çıkan menüde "İncele"'yi seçerek geliştirici araçlarını açabilir, ve devamında en sağda yer alan React sekmesinde incelemelerinizi yürütebilirsiniz.

**However, note there are a few extra steps to get it working with CodePen:**
**Eklentinin CodePen ile çalışabilmesi için harici olarak birkaç adım daha vardır:**

1. Log in or register and confirm your email (required to prevent spam).
2. Click the "Fork" button.
3. Click "Change View" and then choose "Debug mode".
4. In the new tab that opens, the devtools should now have a React tab.
1. CodePen'e e-posta adresiniz ile giriş yapın veya kaydolunuz (spam'lerin engellenmesi için gereklidir).
2. "Fork" butonuna basınız.
3. "Change View"'a tıklayarak devamında "Debug mode"'u seçiniz.
4. Açılan yeni sekmede, artık Devtools içerisinde React sekmesi yer alacaktır.

## Completing the Game {#completing-the-game}

Expand Down