Cohorts
  • Discover
  • About Us
  • Blog
  • Patika.dev
  • Web3

React

React Nedir? Ne Zaman İhtiyaç Duyarız?
Real Dom / Virtual Dom
IDE / Text Editor Seçimi
Node.JS Kurulumu
Temel Node.JS
ES6 Modül Sistemi
Callback Functions / async-await
Promises
Array Functions
Giriş-Bölüm Sonu Kazanımları
Ödev

Bir React Projesini Ayağa Kaldırmak (create-react-app)
Component Nedir?
Component Oluşturmak/Kullanmak
JSX ve Temel Kuralları
Componentlerde Değişken Render Etmek
Koşullu Render İşlemi
Components-Bölüm Sonu Kazanımları

Props Nedir? Nasıl Kullanılır?
Döngülerde "key" Prop'u
React Developer Tools
Prop Types
Prop Types: isRequired
Prop Types: oneOfType
Prop Types: shape
Default Props
Props-Bölüm Sonu Kazanımları

State Nedir? Nasıl Oluşturulur?
Array States
Object States
Sayaç Uygulaması
Re-Render Mantığını Anlamak (React vs jQuery)
Input için State Tanımı Yapmak
States-Bölüm Sonu Kazanımları

useEffect
Component Unmount
Lifecycle-Bölüm Sonu Kazanımları

Ne Geliştireceğiz?
Form Component'inin Geliştirilmesi
Kayıtların Listelenmesi
Filtreleme İşlemi
Stil Tanımlarının Yapılması
Contacts App-Bölüm Sonu Kazanımları
Ödev

Stil Tanımı Yapmak
Module CSS

Native Fetch
Axios

Kurulum
Exact Prop
URL Parameters
Nesting
NavLink
No Match (404)
Routing-Bölüm Sonu Kazanımları

Kurulum
handleSubmit & handleChange
Radio / Checkbox / Dropdown
useFormik
Form Validasyonları - 1
Form Validasyonları - 2
Formik-Bölüm Sonu Kazanımları

React.memo
useMemo
useCallback

Context Nedir?
Context Oluşturmak
Context Provider
Theme Switcher Yapımı
Context Provider Side Effects
Multi Context
Custom Context Hook
Context API-Bölüm Sonu Kazanımları
Ödev

Arayüzün Hazırlanması
Socket Server'a Bağlanmak
Backend'e Veri İletmek
Bir Kanala Abone Olmak

Giriş
Chat Context
Temel Bileşenlerin Geliştirilmesi
Backend Bağlantısı
Mesajların İletilmesi
Mesajların Listelenmesi
Feed Scroll

React Intl - Kurulum
Default Locale
Parametre Geçmek

Neden Test Yazarız?
React Testing Library - 1
React Testing Library - 2
Ödev

create-react-library
Publish İşlemleri
Semantic Versiyonlama
Ödev

Surge.sh
Netlify
AWS EC2 Üzerine Deploy İşlemleri
Deploy-Bölüm Sonu Kazanımları

Uygulama Tanıtımı
Backend'e Genel Bakış
Chakra UI Kurulumu
Products Ekranının Hazırlanması
React Query
React Query Dev Tools
Ürün Detay Sayfasının Geliştirilmesi
useInfiniteQuery
Kullanıcı Kayıt İşlemleri - 1
Kullanıcı Kayıt İşlemleri - 2
Kullanıcı Kayıt İşlemleri - 3
Kullanıcı Kayıt İşlemleri - 4
Çıkış İşlemleri
Protected Routes
Login İşlemleri
Sepete Atma İşlemleri - 1
Sepete Atma İşlemleri - 2
Sipariş Oluşturma İşlemleri
Admin: Routing İşlemleri
Admin: Order Sayfası
Admin: Products Sayfası
Admin: Product Update İşlemleri
Admin: Yeni Ürün Eklemek

Bir "Button" component'i geliştirip, bunu npmjs üzerinde paylaşmanız gerekiyor.

preview

Geliştirmeniz gereken component için yukarıdaki görseldeki yapıyı referans alabilirsiniz.

Ayrıca şuradan çalışan örneğe göz atabilirsiniz.

Gereksinimler

  • Button bileşenine geçilecek olan "type" prop'u ile button'un tipi değişmelidir. (primary, default, dashed, text, link)
  • Stillendirmeyi dilediğiniz gibi yapabilirsiniz.
  • İlgili component npmjs.com üzerinde paylaşılmalı ve indirilebilir olmalıdır.
  • Component'i npmjs üzerine harhangi bir isimle gönderebilirsiniz.

Ödev

Submit your work to complete this lesson.

Join the project workspace to share your solution and receive feedback.

Previous
Next

Lesson discussion

Swap insights and ask questions about “React”.

Enroll to participate
Start the course to unlock the discussion. Enrolling helps us keep conversations relevant to learners.
Cohorts
WebsiteDiscoverBlogPatika.devRise In
CoursesCircleRustSoliditySolanaWeb3 FundamentalsBlockchain Basics
CompanyAbout UsTerms of UsePrivacy PolicyGDPR NoticeCookies
Don't miss any update!

Disclaimer: The information, programs, and events provided on https://cohorts.patika.dev is strictly for upskilling and networking purposes related to the technical infrastructure of blockchain platforms. We do not provide financial or investment advice, nor do we make any representations regarding the value, profitability, or future price of any blockchain or cryptocurrency. Users are encouraged to conduct their own research and consult with licensed financial professionals before engaging in any investment activities. https://cohorts.patika.dev disclaims any responsibility for financial decisions made by users based on the information provided here.

© 2026 Cohorts, All rights reserved