Skip to content

Translates "Shallow Renderer" section to Turkish lang #71

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.

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
merged 3 commits into from
Mar 20, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
32 changes: 16 additions & 16 deletions content/docs/addons-shallow-renderer.md
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
---
id: shallow-renderer
title: Shallow Renderer
title: Yüzeysel Render Edici
permalink: docs/shallow-renderer.html
layout: docs
category: Reference
---

**Importing**
**İçe aktarım**

```javascript
import ShallowRenderer from 'react-test-renderer/shallow'; // ES6
var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm
var ShallowRenderer = require('react-test-renderer/shallow'); // npm ile ES5
```

## Overview {#overview}
## Genel Bakış {#overview}

When writing unit tests for React, shallow rendering can be helpful. Shallow rendering lets you render a component "one level deep" and assert facts about what its render method returns, without worrying about the behavior of child components, which are not instantiated or rendered. This does not require a DOM.
React için birim testleri yazarken, yüzeysel render edici yardımcı olabilir. Yüzeysel render etme; bir bileşeni, somutlaştırılmayan veya render edilmeyen alt bileşenlerinin davranışları hakkında endişelenmeden, "bir seviye alta" render etmenize ve render etme metodunun ne döndüğü ile ilgili gerçekleri teyit etmenize olanak sağlar. Bu bir DOM gerektirmez.

For example, if you have the following component:
Örneğin, aşağıdaki gibi bir bileşeniniz varsa:

```javascript
function MyComponent() {
Expand All @@ -30,12 +30,12 @@ function MyComponent() {
}
```

Then you can assert:
O zaman şu şekilde kullanabilirsiniz:

```javascript
import ShallowRenderer from 'react-test-renderer/shallow';

// in your test:
// Testinizde:
const renderer = new ShallowRenderer();
renderer.render(<MyComponent />);
const result = renderer.getRenderOutput();
Expand All @@ -47,22 +47,22 @@ expect(result.props.children).toEqual([
]);
```

Shallow testing currently has some limitations, namely not supporting refs.
Yüzeysel test etmenin şu anda bazı kısıtlamaları var, mesela ref'leri desteklemiyor.

> Note:
> Not:
>
> We also recommend checking out Enzyme's [Shallow Rendering API](https://airbnb.io/enzyme/docs/api/shallow.html). It provides a nicer higher-level API over the same functionality.
> Ayrıca Enzyme'in [Yüzeysel Render Etme API'si](https://airbnb.io/enzyme/docs/api/shallow.html)ne de göz atmanızı öneririz. Aynı işlevsellik üzerinden daha iyi ve üst düzey bir API sağlar.

## Reference {#reference}
## Referans {#reference}

### `shallowRenderer.render()` {#shallowrendererrender}

You can think of the shallowRenderer as a "place" to render the component you're testing, and from which you can extract the component's output.
shallowRenderer'ı, test ettiğiniz bileşeni render edeceğiniz ve bu bileşenin çıktısını alabileceğiniz bir "yer" olarak düşünebilirsiniz.

`shallowRenderer.render()` is similar to [`ReactDOM.render()`](/docs/react-dom.html#render) but it doesn't require DOM and only renders a single level deep. This means you can test components isolated from how their children are implemented.
`shallowRenderer.render()`, [`ReactDOM.render()`](/docs/react-dom.html#render)'a benzer, ancak DOM gerektirmez ve yalnızca bir seviye alta render eder. Bu, alt öğelerinin nasıl uygulandığından bağımsız şekilde bileşenleri test edebileceğiniz anlamına gelir.

### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput}

After `shallowRenderer.render()` has been called, you can use `shallowRenderer.getRenderOutput()` to get the shallowly rendered output.
`shallowRenderer.render()` çağrıldıktan sonra, yüzeysel render edilen çıktıyı almak için `shallowRenderer.getRenderOutput()` kullanabilirsiniz.

You can then begin to assert facts about the output.
Sonrasında çıktı hakkında gerçekleri teyit etmeye başlayabilirsiniz.
16 changes: 8 additions & 8 deletions content/docs/faq-build.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,27 +6,27 @@ layout: docs
category: FAQ
---

### React ile JSX kullanmalı mıyım ? {#do-i-need-to-use-jsx-with-react}
### JSX’i React ile kullanmam gerekir mi? {#do-i-need-to-use-jsx-with-react}

Hayır! Daha fazlası için ["React Without JSX"](/docs/react-without-jsx.html).
Hayır! Daha fazlasını öğrenmek için ["JSX Olmadan React"](/docs/react-without-jsx.html) bölümüne göz atın.

### React ile ES6 (+) kullanmalı mıyım ? {#do-i-need-to-use-es6--with-react}
### ES6 (+)'yı React ile kullanmam gerekir mi? {#do-i-need-to-use-es6--with-react}

Hayır! Daha fazlası için ["React Without ES6"](/docs/react-without-es6.html).
Hayır! Daha fazlasını öğrenmek için ["ES6 Olmadan React"](/docs/react-without-es6.html) bölümüne göz atın.

### JSX içinde nasıl yorum satırı kullanabilirim ? {#how-can-i-write-comments-in-jsx}
### JSX'te nasıl yorum yazabilirim? {#how-can-i-write-comments-in-jsx}

```jsx
<div>
{/* Yorum satırı buraya gelecek */}
{/* Yorum buraya gelecek */}
Hello, {name}!
</div>
```

```jsx
<div>
{/* Çok satırlı
yorum satırı */}
{/* Ayrıca çok satırlı
yorumlar da çalışır. */}
Hello, {name}!
</div>
```