Skip to content

Translate Context page #108

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
alioguzhan merged 11 commits into from
Apr 14, 2019
Merged

Translate Context page #108

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
794f45a
translate When to Use Context.
metinsut Mar 24, 2019
6064bea
translated part of context page
metinsut Mar 28, 2019
7fbe385
translated part of context page
metinsut Mar 30, 2019
1bdbc91
translated part of context page
metinsut Apr 2, 2019
e2346f1
translated part of page
metinsut Apr 3, 2019
011debc
translated part of page
metinsut Apr 5, 2019
a6e55e4
updated part of translate
metinsut Apr 7, 2019
12d0495
translated part of context page and some js files.
metinsut Apr 9, 2019
61c431b
translated part of page
metinsut Apr 10, 2019
686163b
review changes updated.
metinsut Apr 12, 2019
956289f
Some words updated with the correct characters.
metinsut Apr 14, 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 part of context page and some js files.
  • Loading branch information
@metinsut
metinsut committed Apr 9, 2019
commit 12d04951400723f7b00b6692a04be9ae41cc96ab
10 changes: 5 additions & 5 deletions content/docs/context.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -212,9 +212,9 @@ Tema için dinamik değerli çok karmaşık bir örnek:
**app.js**
`embed:context/theme-detailed-app.js`

### İç içe geçmiş bileşenden Context güncelleme {#updating-context-from-a-nested-component}
### İç İçe Geçmiş Bileşenden Context Güncelleme {#updating-context-from-a-nested-component}

Context'i bileşen ağacında derin bir yere yerleştirilmiş bir bileşenden güncellemek genellikle gerekir. Bu durumda, tüketicilerin içeriği güncellemesine izin vermek için içeriğin bir işlevini aşağı iletebilirsiniz:
Context'i bileşen ağacında derinlere yerleştirilmiş bir bileşenden genellikle güncellemek gerekir. Bu durumda, tüketicilerin context'i güncellemesine izin vermek için context'den bir method'u aşağıya iletebilirsiniz:

**theme-context.js**
`embed:context/updating-nested-context-context.js`
Expand All @@ -225,13 +225,13 @@ Context'i bileşen ağacında derin bir yere yerleştirilmiş bir bileşenden g
**app.js**
`embed:context/updating-nested-context-app.js`

### Çoklu Context’leri kullanma {#consuming-multiple-contexts}
### Çoklu Context’leri Kullanma {#consuming-multiple-contexts}

Context'in yeniden oluşturulmasını hızlı tutmak için React her context tüketiciyi ağaçta ayrı bir düğüm haline getirmelidir.
Context'in yeniden render edilmesini hızlı tutmak için React her context tüketiciyi ağaçta ayrı bir düğüm haline getirmelidir.

`embed:context/multiple-contexts.js`

İki veya daha fazla contex değeri sıklıkla birlikte kullanılıyorsa her ikisini de sağlayan kendi render prop bileşeninizi oluşturmayı düşünebilirsiniz.
İki veya daha fazla context değerleri sıklıkla birlikte kullanılıyorsa her ikisini de sağlayan kendi render prop bileşeninizi oluşturmayı düşünmek isteyebilirsiniz.

## Uyarılar {#caveats}

Expand Down
8 changes: 4 additions & 4 deletions examples/context/multiple-contexts.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Theme context, default to light theme
// Tema context'i, varsayılan olarak light tema
const ThemeContext = React.createContext('light');

// Signed-in user context
// Oturum açmış kullanıcı context'i
const UserContext = React.createContext({
name: 'Guest',
});
Expand All @@ -10,7 +10,7 @@ class App extends React.Component {
render() {
const {signedInUser, theme} = this.props;

// App component that provides initial context values
// İlk context value'larını sağlayan App bileşeni
// highlight-range{2-3,5-6}
return (
<ThemeContext.Provider value={theme}>
Expand All @@ -31,7 +31,7 @@ function Layout() {
);
}

// A component may consume multiple contexts
// Bir bileşen birden fazla context'i tüketebilir
function Content() {
// highlight-range{2-10}
return (
Expand Down
2 changes: 1 addition & 1 deletion examples/context/updating-nested-context-app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ class App extends React.Component {

render() {
// highlight-range{1,3}
// Tüm state provider'a iletirlir.
// Tüm state provider'a iletilir.
return (
<ThemeContext.Provider value={this.state}>
<Content />
Expand Down
4 changes: 2 additions & 2 deletions examples/context/updating-nested-context-context.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// CreateContext öğesine iletilen varsayılan değerin şeklinin,
// tüketicilerin beklediği şekle uygun olduğundan emin olun!
// CreateContext öğesine iletilen varsayılan değerin formunun,
// tüketicilerin beklediği formla eşleştiğinden emin olun!
// highlight-range{2-3}
export const ThemeContext = React.createContext({
theme: themes.dark,
Expand Down
2 changes: 1 addition & 1 deletion examples/context/updating-nested-context-theme-toggler-button.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import {ThemeContext} from './theme-context';
function ThemeTogglerButton() {
// highlight-range{1-2,5}
// Tema Değiştirme Düğmesi yalnızca temayı değil,
// aynı zamanda context'ten bir toggleTheme fonksiyonu alır
// aynı zamanda context'ten bir toggleTheme methodu alır
return (
<ThemeContext.Consumer>
{({theme, toggleTheme}) => (
Expand Down