René's URL Explorer Experiment


Title: Öğretici: React'e giriş – React

Open Graph Title: Öğretici: React'e giriş – React

Open Graph Description: Kullanıcı arayüzleri geliştirebileceğiniz bir JavaScript kütüphanesi

Opengraph URL: https://tr.legacy.reactjs.org/tutorial/tutorial.html

Generator: Gatsby 2.32.13

direct link

Domain: tr.reactjs.org

NoneIE=edge
apple-mobile-web-app-capableyes
apple-mobile-web-app-titleReact
og:typearticle
og:imagehttps://legacy.reactjs.org/logo-og.png
fb:app_id623268441017527
theme-color#20232a

Links:

https://surveys.savanta.com/survey/selfserve/21e3/210643?list=2
Take our 2021 Community Survey!https://surveys.savanta.com/survey/selfserve/21e3/210643?list=2
Go to react.devhttps://react.dev/blog/2023/03/16/introducing-react-dev
Reacthttps://tr.reactjs.org/
Dokümantasyonhttps://tr.reactjs.org/docs/getting-started.html
Öğreticihttps://tr.reactjs.org/tutorial/tutorial.html
Bloghttps://tr.reactjs.org/blog/
Toplulukhttps://tr.reactjs.org/community/support.html
v18.2.0https://tr.reactjs.org/versions
Dillerhttps://tr.reactjs.org/languages
GitHubhttps://github.com/facebook/react/
react.devhttps://react.dev/
Tutorialhttps://react.dev/learn/tutorial-tic-tac-toe
https://tr.reactjs.org/tutorial/tutorial.html#before-we-start-the-tutorial
adım adım öğrenme rehberinihttps://tr.reactjs.org/docs/hello-world.html
Öğretici İçin Kurulum Rehberi:https://tr.reactjs.org/tutorial/tutorial.html#setup-for-the-tutorial
Genel bakış:https://tr.reactjs.org/tutorial/tutorial.html#overview
Oyunun Tamamlanması:https://tr.reactjs.org/tutorial/tutorial.html#completing-the-game
Zamanda Yolculuğun Eklenmesi:https://tr.reactjs.org/tutorial/tutorial.html#adding-time-travel
https://tr.reactjs.org/tutorial/tutorial.html#what-are-we-building
Buradanhttps://codepen.io/gaearon/pen/gWWZgR?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#prerequisites
bu rehberihttps://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
arrow functionhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
classhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
lethttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let
consthttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const
Babel REPLhttps://babeljs.io/repl/#?presets=react&code_lz=MYewdgzgLgBApgGzgWzmWBeGAeAFgRgD4AJRBEAGhgHcQAnBAEwEJsB6AwgbgChRJY_KAEMAlmDh0YWRiGABXVOgB0AczhQAokiVQAQgE8AkowAUAcjogQUcwEpeAJTjDgUACIB5ALLK6aRklTRBQ0KCohMQk6Bx4gA
https://tr.reactjs.org/tutorial/tutorial.html#setup-for-the-tutorial
https://tr.reactjs.org/tutorial/tutorial.html#setup-option-1-write-code-in-the-browser
başlangıç kodunuhttps://codepen.io/gaearon/pen/oWWQNa?editors=0010
Genel bakışhttps://tr.reactjs.org/tutorial/tutorial.html#overview
https://tr.reactjs.org/tutorial/tutorial.html#setup-option-2-local-development-environment
Node.jshttps://nodejs.org/en/
Create React App uygulaması kurulum yönergelerinihttps://tr.reactjs.org/docs/create-a-new-react-app.html#create-react-app
buradaki CSS kodunuhttps://codepen.io/gaearon/pen/oWWQNa?editors=0100
buradaki JS kodunuhttps://codepen.io/gaearon/pen/oWWQNa?editors=0010
buradaki yönergelerihttps://babeljs.io/docs/editors/
https://tr.reactjs.org/tutorial/tutorial.html#help-im-stuck
topluluk destek kaynaklarınahttps://tr.reactjs.org/community/support.html
Reactiflux Chathttps://discord.gg/reactiflux
https://tr.reactjs.org/tutorial/tutorial.html#overview
https://tr.reactjs.org/tutorial/tutorial.html#what-is-react
Kodun tam hali için tıklayınız.https://babeljs.io/repl/#?presets=react&code_lz=DwEwlgbgBAxgNgQwM5IHIILYFMC8AiJACwHsAHUsAOwHMBaOMJAFzwD4AoKKYQgRlYDKJclWpQAMoyZQAZsQBOUAN6l5ZJADpKmLAF9gAej4cuwAK5wTXbg1YBJSswTV5mQ7c7XgtgOqEETEgAguTuYFamtgDyMBZmSGFWhhYchuAQrADc7EA
API dokümanınıhttps://tr.reactjs.org/docs/react-api.html#createelement
https://tr.reactjs.org/tutorial/tutorial.html#inspecting-the-starter-code
başlangıç kodunuhttps://codepen.io/gaearon/pen/oWWQNa?editors=0010
kurulumhttps://tr.reactjs.org/tutorial/tutorial.html#setup-option-2-local-development-environment
https://tr.reactjs.org/tutorial/tutorial.html#passing-data-through-props
https://tr.reactjs.org/static/1566a4f8490d6b4b1ed36cd2c11fe4b6/6a91e/tictac-empty.png
https://tr.reactjs.org/static/685df774da6da48f451356f33f4be8b2/01bf6/tictac-numbers.png
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/aWWQOG?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#making-an-interactive-component
this‘in kafa karıştırıcı kullanımındanhttps://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/
arrow functionhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
JavaScript class’larındahttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/VbbVLg?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#developer-tools
Chromehttps://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
Firefoxhttps://addons.mozilla.org/en-US/firefox/addon/react-devtools/
https://tr.reactjs.org/static/41330fe61a925e2c3009be675bdb96a9/f2205/devtools.png
https://tr.reactjs.org/tutorial/tutorial.html#completing-the-game
https://tr.reactjs.org/tutorial/tutorial.html#lifting-state-up
daha önce de prop’lar aracılığıyla her bir Square’e bir sayı atamıştıkhttps://tr.reactjs.org/tutorial/tutorial.html#passing-data-through-props
aktarmıştıkhttps://tr.reactjs.org/tutorial/tutorial.html#passing-data-through-props
mevcut Square bileşeninin kendi state’i tarafından belirlenenhttps://tr.reactjs.org/tutorial/tutorial.html#making-an-interactive-component
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/gWWQPY?editors=0010
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/ybbQJX?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#why-immutability-is-important
https://tr.reactjs.org/tutorial/tutorial.html#data-change-with-mutation
https://tr.reactjs.org/tutorial/tutorial.html#data-change-without-mutation
https://tr.reactjs.org/tutorial/tutorial.html#complex-features-become-simple
https://tr.reactjs.org/tutorial/tutorial.html#detecting-changes
https://tr.reactjs.org/tutorial/tutorial.html#determining-when-to-re-render-in-react
Performansın iyileştirmesihttps://tr.reactjs.org/docs/optimizing-performance.html#examples
https://tr.reactjs.org/tutorial/tutorial.html#function-components
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/QvvJOv?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#taking-turns
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/KmmrBy?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#declaring-a-winner
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/LyyXgK?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#adding-time-travel
https://tr.reactjs.org/tutorial/tutorial.html#storing-a-history-of-moves
immutable olarak değiştirilmesini sağladıkhttps://tr.reactjs.org/tutorial/tutorial.html#why-immutability-is-important
https://tr.reactjs.org/tutorial/tutorial.html#lifting-state-up-again
State’in Yukarı Taşınmasıhttps://tr.reactjs.org/tutorial/tutorial.html#lifting-state-up
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/EmmOqJ?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#showing-the-past-moves
map()https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/EmmGEa?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#picking-a-key
https://tr.reactjs.org/tutorial/tutorial.html#implementing-time-travel
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/PmmXRE?editors=0010
dokümanın geri kalanınahttps://tr.reactjs.org/docs/state-and-lifecycle.html#state-updates-are-merged
Kodun bu kısma kadar olan son halini görüntülemek için tıklayınızhttps://codepen.io/gaearon/pen/gWWZgR?editors=0010
https://tr.reactjs.org/tutorial/tutorial.html#wrapping-up
buradanhttps://codepen.io/gaearon/pen/gWWZgR?editors=0010
dokümanın geri kalanınıhttps://tr.reactjs.org/docs/hello-world.html
React.Component API dokümanınıhttps://tr.reactjs.org/docs/react-component.html
Bu sayfayı düzenlehttps://github.com/reactjs/tr.reactjs.org/tree/main/content/tutorial/tutorial.md
Öğreticiye Başlamadan Öncehttps://tr.reactjs.org/tutorial/tutorial.html#before-we-start-the-tutorial
Ne kodlayacağız?https://tr.reactjs.org/tutorial/tutorial.html#what-are-we-building
Ön gereksinimlerhttps://tr.reactjs.org/tutorial/tutorial.html#prerequisites
Öğretici İçin Kurulumhttps://tr.reactjs.org/tutorial/tutorial.html#setup-for-the-tutorial
Kurulum Seçeneği 1: Kodu Tarayıcıda Yazmahttps://tr.reactjs.org/tutorial/tutorial.html#setup-option-1-write-code-in-the-browser
Kurulum Seçeneği 2: Yerel Geliştirme Ortamıhttps://tr.reactjs.org/tutorial/tutorial.html#setup-option-2-local-development-environment
Takıldım, Yardım Edin!https://tr.reactjs.org/tutorial/tutorial.html#help-im-stuck
Genel Bakışhttps://tr.reactjs.org/tutorial/tutorial.html#overview
React Nedir?https://tr.reactjs.org/tutorial/tutorial.html#what-is-react
Başlangıç Kodunun İncelenmesihttps://tr.reactjs.org/tutorial/tutorial.html#inspecting-the-starter-code
Prop'lar Aracılığıyla Veri Aktarımıhttps://tr.reactjs.org/tutorial/tutorial.html#passing-data-through-props
Etkileşimli bir Bileşen Yapımıhttps://tr.reactjs.org/tutorial/tutorial.html#making-an-interactive-component
Geliştirici Araçlarıhttps://tr.reactjs.org/tutorial/tutorial.html#developer-tools
Oyunun Tamamlanmasıhttps://tr.reactjs.org/tutorial/tutorial.html#completing-the-game
State'in Yukarı Taşınmasıhttps://tr.reactjs.org/tutorial/tutorial.html#lifting-state-up
Neden Immutability Önemlidirhttps://tr.reactjs.org/tutorial/tutorial.html#why-immutability-is-important
Fonksiyon Bileşenlerihttps://tr.reactjs.org/tutorial/tutorial.html#function-components
Hamle Sırası Değişikliğihttps://tr.reactjs.org/tutorial/tutorial.html#taking-turns
Kazananın Belirlenmesihttps://tr.reactjs.org/tutorial/tutorial.html#declaring-a-winner
Zamanda Yolculuğun Eklenmesihttps://tr.reactjs.org/tutorial/tutorial.html#adding-time-travel
Hamlelerin Geçmişinin Saklanmasıhttps://tr.reactjs.org/tutorial/tutorial.html#storing-a-history-of-moves
State'in Yukarı Taşınması (Tekrar)https://tr.reactjs.org/tutorial/tutorial.html#lifting-state-up-again
Geçmiş Hamlelerin Görüntülenmesihttps://tr.reactjs.org/tutorial/tutorial.html#showing-the-past-moves
Key seçimihttps://tr.reactjs.org/tutorial/tutorial.html#picking-a-key
Zaman Yolculuğunun Kodlanmasıhttps://tr.reactjs.org/tutorial/tutorial.html#implementing-time-travel
Sonuç Olarakhttps://tr.reactjs.org/tutorial/tutorial.html#wrapping-up
Kurulumhttps://tr.reactjs.org/docs/getting-started.html
Temel Kavramlarhttps://tr.reactjs.org/docs/hello-world.html
Gelişmiş Kılavuzhttps://tr.reactjs.org/docs/accessibility.html
API Kaynağıhttps://tr.reactjs.org/docs/react-api.html
Hook'larhttps://tr.reactjs.org/docs/hooks-intro.html
Test Etmekhttps://tr.reactjs.org/docs/testing.html
Katkı Sağlamakhttps://tr.reactjs.org/docs/how-to-contribute.html
Sıkça Sorulan Sorularhttps://tr.reactjs.org/docs/faq-ajax.html
GitHubhttps://github.com/facebook/react
Stack Overflowhttps://stackoverflow.com/questions/tagged/reactjs
Discussion Forumshttps://reactjs.org/community/support.html#popular-discussion-forums
Reactiflux Chathttps://discord.gg/reactiflux
DEV Communityhttps://dev.to/t/react
Facebookhttps://www.facebook.com/react
Twitterhttps://twitter.com/reactjs
Code of Conducthttps://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md
Topluluk Kaynaklarıhttps://tr.reactjs.org/community/support.html
Öğreticihttps://tr.reactjs.org/tutorial/tutorial.html
Bloghttps://tr.reactjs.org/blog
Katkıda Bulunanlarhttps://tr.reactjs.org/acknowledgements.html
React Nativehttps://reactnative.dev/
Privacyhttps://opensource.facebook.com/legal/privacy
Termshttps://opensource.facebook.com/legal/terms
https://opensource.facebook.com/projects/

Viewport: width=device-width, initial-scale=1.0

URLs of crawlers that visited me.