fix: address all 13 Copilot code review comments

Turkish/03_Gun_Kurulum/03_kurulum.md:
- Fix broken relative link: '../03/../03_Day_Setting_Up/' -> '../../03_Day_Setting_Up/'

Turkish/06_Gun_Dizi_Haritalama/06_dizi_haritalama.md:
- Fix broken relative link: '../06_Day_Map_List_Keys/' -> '../../06_Day_Map_List_Keys/'

Turkish/02_Gun_Reacta_Giris/02_reacta_giris.md:
- Fix missing Turkish character: 'TEBRIKLER!' -> 'TEBRİKLER!'

Turkish/08_Gun_State/08_state.md:
- Remove unused 'const count = this.state.count' in cat/dog example
  (state only has 'image', not 'count')
- Fix JSX attribute: 'class=' -> 'className=' on the Change button

Turkish/09_Gun_Kosullu_Render/09_kosullu_render.md:
- Fix undefined variable: 'techs={techs}' -> 'techs={this.state.techs}'
  ('techs' was not declared in render scope; it lives in this.state)

Turkish/10_Gun_Proje_Klasor_Yapisi/10_proje_klasor_yapisi.md:
- Fix missing closing quote in all 'import React from 'react' lines (6 places)
- Fix invalid syntax 'export default const App = ...' ->
  'const App = ...; export default App'
- Fix JSX attribute: '<div class="country_text">' -> '<div className="country_text">'
- Remove 'this.state.backgroundColor' from render (field not defined in state)
- Fix typos in folder structure example:
  'Forgotpassword.js' -> 'ForgotPassword.js'
  'Resetpassord.js'  -> 'ResetPassword.js'
  'icnons'           -> 'icons'
  '- fonts' (bad indent) -> '-fonts'
- Fix Header component: destructure props.data instead of using
  undeclared variables (welcome, title, etc.)
pull/439/head
Samet SARIKAYA 2 months ago
parent c9fe2e345f
commit b41fab0c57

@ -1599,6 +1599,6 @@ Harika bir iş çıkardınız. 2. gün meydan okumalarını tamamladınız ve b
1. JSX elementi oluşturmayı ve dinamik veri (string, sayı, boolean, dizi, nesne) enjekte etmeyi pratik yapın
TEBRIKLER!
TEBRİKLER!
[<< Gün 1](../01_Gun_JavaScript_Tazeleyici/01_javascript_tazeleyici.md) | [Gün 3 >>](../03_Gun_Kurulum/03_kurulum.md)

@ -732,7 +732,7 @@ ReactDOM.render(app, rootElement);
![All JSX together final](../../images/all_jsx_final.png)
Şablon kodunu [buradan](../03/../03_Day_Setting_Up/30-days-of-react_boilerplate) bulabilirsiniz.
Şablon kodunu [buradan](../../03_Day_Setting_Up/30-days-of-react_boilerplate) bulabilirsiniz.
# Egzersizler

@ -279,7 +279,7 @@ ReactDOM.render(<App />, rootElement);
## Egzersizler: Seviye 3
1. Verilen [veriyi](../06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/data/ten_most_highest_populations.js) kullanarak aşağıdaki çubuk grafiğini oluşturun.
1. Verilen [veriyi](../../06_Day_Map_List_Keys/06_map_list_keys_boilerplate/src/data/ten_most_highest_populations.js) kullanarak aşağıdaki çubuk grafiğini oluşturun.
![Ten most highest populations](../../images/day_6_ten_highest_populations_exercise.png)

@ -206,8 +206,6 @@ class App extends React.Component {
};
render() {
// state değerine erişme
const count = this.state.count;
return (
<div className="App">
<h1>30 Days Of React</h1>
@ -215,7 +213,7 @@ class App extends React.Component {
<img src={this.state.image} alt="animal" />
</div>
<button onClick={this.changeAnimal} class="btn btn-add">
<button onClick={this.changeAnimal} className="btn btn-add">
Change
</button>
</div>

@ -739,7 +739,7 @@ class App extends React.Component {
<Header data={data} />
<Main
techs={techs}
techs={this.state.techs}
handleTime={this.handleTime}
greetPeople={this.greetPeople}
loggedIn={this.state.loggedIn}

@ -65,7 +65,7 @@ Yukarıdaki kod parçasında App component'i bulunmaktadır. App component'ini k
```js
// src/App.js
import React from 'react
import React from 'react'
const App = () => <h1>Welcome to 30 Days Of React</h1>
```
@ -75,7 +75,7 @@ Named export yapmak için _let_ veya _const_'tan önce sadece _export_ anahtar k
```js
// src/App.js
import React from 'react
import React from 'react'
// ok fonksiyonunda named export
export const App = () => <h1>Welcome to 30 Days Of React</h1>
@ -85,10 +85,10 @@ Normal fonksiyon tanımlamasında dışa aktarma:
```js
// src/App.js
import React from 'react
import React from 'react'
// normal fonksiyonda named export, function declaration
export function App () {
return <h1>Welcome to 30 Days Of React</h1>
export function App() {
return <h1>Welcome to 30 Days Of React</h1>
}
```
@ -108,17 +108,17 @@ Named export'u gördük; şimdi default export ile uygulayalım. Bunu iki şekil
```js
// src/App.js
import React from 'react
import React from 'react'
// ok fonksiyonunda default export
export default const App = () => <h1>Welcome to 30 Days Of React</h1>
const App = () => <h1>Welcome to 30 Days Of React</h1>
export default App
```
```js
// src/App.js
import React from 'react
import React from 'react'
// default export, normal fonksiyon
export default function App () {
export default function App() {
return <h1>Welcome to 30 Days Of React</h1>
}
```
@ -126,7 +126,7 @@ export default function App () {
```js
// src/App.js
// Çoğu durumda önerilen yöntem
import React from 'react
import React from 'react'
const App = () => <h1>Welcome to 30 Days Of React</h1>
export default App
```
@ -199,7 +199,7 @@ const Country = ({
<img src={flag} alt={name} />
</div>
<h3 className="country_name">{name.toUpperCase()}</h3>
<div class="country_text">
<div className="country_text">
<p>{formatedCapital}</p>
<p>
<span>{formatLanguage}: </span>
@ -411,7 +411,6 @@ class App extends React.Component {
return (
<div className="app">
{this.state.backgroundColor}
<Header data={data} />
<Main
@ -445,16 +444,16 @@ src
-auth
-Signup.js
-Signin.js
-Forgotpassword.js
-Resetpassord.js
-ForgotPassword.js
-ResetPassword.js
header
-Header.js
footer
-Footer.js
assets
-images
-icnons
- fonts
-icons
-fonts
styles
-button.js
-button.scss
@ -474,7 +473,7 @@ src içinde components dizini oluşturalım; components içinde header dizini ol
// src/components/header/Header.js
import React from "react";
const Header = (props) => {
const Header = ({ data: { welcome, title, subtitle, author: { firstName, lastName }, date } }) => {
return (
<header>
<div className="header-wrapper">

Loading…
Cancel
Save