Skip to content

Translate Introducing JSX #65

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 10 commits into from
Mar 20, 2019
Merged

Translate Introducing JSX #65

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
27c89a2
translate first sentence
zaferayan Mar 19, 2019
d013587
Translate first section
zaferayan Mar 19, 2019
b95b313
Translate Why JSX section
zaferayan Mar 19, 2019
bb051ee
Translate Embedding Expressions in JSX section
zaferayan Mar 20, 2019
d37d092
Translate JSX is an Expression Too section
zaferayan Mar 20, 2019
e7fc186
Translate Specifiying Attributes with JSX section
zaferayan Mar 20, 2019
2456580
Translate Specifiying Children with JSX section
zaferayan Mar 20, 2019
36f53a7
Translate JSX prevents injection attacks section
zaferayan Mar 20, 2019
3e893e1
Translate JSX represents objects section
zaferayan Mar 20, 2019
f414f53
Revise sections
zaferayan Mar 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
Translate Embedding Expressions in JSX section
  • Loading branch information
@zaferayan
zaferayan committed Mar 20, 2019
commit bb051ee93ce94f748dd4696905104a400ee5b385
8 changes: 4 additions & 4 deletions content/docs/introducing-jsx.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ Bu kısımda anlaştıysak, artık JSX ile React kullanımına geçebiliriz.

### JSX İçerisinde JavaScript Kodlarının Kullanımı {#embedding-expressions-in-jsx}

In the example below, we declare a variable called `name` and then use it inside JSX by wrapping it in curly braces:
Aşağıdaki örnekte ilk satırda `name` değişkenini tanımlıyoruz. Ardından süslü parantezler ile çevreleyerek JSX kodu içerisinde kullanıyoruz:

```js{1,2}
const name = 'Josh Perez';
Expand All @@ -42,9 +42,9 @@ ReactDOM.render(
);
```

You can put any valid [JavaScript expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions) inside the curly braces in JSX. For example, `2 + 2`, `user.firstName`, or `formatName(user)` are all valid JavaScript expressions.
JSX içerisinde süslü parantezler arasına herhangi bir [JavaScript ifadesini](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions) yazabilirsiniz. Örneğin, `2 + 2`, `user.firstName`, veya `formatName(user)` gibi JavaScript ifadelerini kullanabilirsiniz.

In the example below, we embed the result of calling a JavaScript function, `formatName(user)`, into an `<h1>` element.
Aşağıdaki örnekte, bir JavaScript fonksiyonun çağrısının sonucu JSX içerisine gömülmektedir. Yani `formatName(user)`, `<h1>` elemanının içerisine konulmaktadır.

```js{12}
function formatName(user) {
Expand All @@ -70,7 +70,7 @@ ReactDOM.render(

[](codepen://introducing-jsx)

We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of [automatic semicolon insertion](https://stackoverflow.com/q/2846283).
Okunabilirliği arttırmak için JSX kodunu birkaç satır halinde yazdık. Buradaki gibi, JSX kodunu birçok satır halinde yazarken, kodu parantezler ile sarmalamanızı öneririz. Çünkü bu sayede [otomatik olarak noktalı virgül eklenmesi](https://stackoverflow.com/q/2846283) ile oluşan hatanın önüne geçebilirsiniz.

### JSX is an Expression Too {#jsx-is-an-expression-too}

Expand Down