Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React Server Components
Rating: 4.7 out of 5(6 ratings)
36 students

React Server Components

React’ı Full-Stack Gücüne Taşıyan Yeni Mimariyle Sıfır Bundle Size ve Maksimum Performans
Created byAbdurrahman Arslantas
Last updated 12/2024
Turkish
Turkish [Auto],

What you'll learn

  • React server component'lerin çalışma mantığı
  • React server components architecture
  • Server component ve client compoenent arasındaki farklar
  • React server components ve server side rendering arasındaki farklar
  • React server component'lerin uygulama üzerinde kullanımı
  • React'ın çalıma mantığı, server side rendering ve client side rendering
  • Server Action'ların çalıma mantığı

Course content

1 section • 47 lectures • 7h 15m total length

  • Giriş1:09
  • Ssr & csr & spa & hibrit modeller6:53
  • React nedir ?2:13
  • React arka plan da nasıl çalışır ?16:28
  • Client side rendering4:30
  • Server side rendering3:21
  • Bad user experience2:08
  • Network waterfall issue1:33
  • Performance costs1:15
  • React server components architecture7:45
  • React server components örnek5:51
  • Zero bundle size4:08
  • RSC payload7:53
  • Server compoenent ? Client component ?6:14
  • Serialization boundary3:32
  • Composition pattern6:42
  • Server side rendering ve React server component arasındaki ilişki11:21
  • Pages router vs App router8:22
  • React 18 öncesi SSR problemleri9:22
  • Server actions12:06
  • Uygulama tanıtım2:48
  • Uygulama oluşturma8:04
  • Server component içerisinde Hook kullanmaya çalışmak11:49
  • Products page20:12
  • Server compoennt içerinsinde event handle kullanmaya çalışmak16:33
  • Client component içerisinde client component tanımlama11:27
  • Server component'ten client component'e props geçme4:04
  • Tablolar için data fetching işlemleri14:36
  • Anasayfadaki tabloların gösterimi20:08
  • Error handling8:14
  • Static site generation5:27
  • Create product page24:00
  • Countries select component7:28
  • Edit prodcut page14:33
  • Edit product sayfasına product props'u geçme7:20
  • Static ve dynamic sayfaların gösterimi4:34
  • Header active class10:48
  • SearchInput15:55
  • Product table üzerinde arama yapma10:10
  • Create Product için server action oluşturma12:20
  • Create Form için error validation3:52
  • useActionState12:06
  • Form validation için zod kullanımı18:54
  • Schema değiştirme8:10
  • Update product13:13
  • Delete product19:57
  • Error message handle etme5:52

Requirements

  • Temel seviyede React bilgisine sahip olmak

Description

Bu kurs ile React’ın yeni nesil mimarisini öğrenerek, modern web geliştirme projelerinde sizi bir adım öne taşıyacak bilgi ve becerilere ulaşacaksınız. React Server Components ile sadece performansı artırmakla kalmayacak, aynı zamanda React’i bir full-stack platforma dönüştüren bu yenilikçi yaklaşımı kavrayarak daha hızlı, daha ölçeklenebilir ve daha verimli uygulamalar geliştirebileceksiniz.

React Server Components’ın gücünü öğrenirken, React’in temel çalışma mantığını detaylıca inceleyecek ve bu mimarinin avantajlarını uygulamalı olarak deneyimleyeceksiniz. Ayrıca, React mülakatlarında sıkça karşılaşılan konulara dair kapsamlı bilgiler edineceksiniz.


Kurs İçeriğinde Neler Var?

  • React’ın Arkasındaki Mekanizma: React bileşenlerinin çalışma prensiplerini ve RSC’nin bu sürece getirdiği yenilikleri öğreneceksiniz.

  • Client ve Server Component Ayrımı: Hangi bileşeni nerede kullanacağınızı öğrenerek projelerinizi daha verimli hale getireceksiniz.

  • Zero Bundle Size : RSC’nin yükleme sürelerini nasıl minimuma indirip, kullanıcı deneyimini nasıl optimize ettiğini anlayacaksınız.

  • Performans Maliyetlerini Azaltma: Ağ istekleri ve işlem maliyetlerini optimize etmek için en iyi stratejileri öğreneceksiniz.

  • Serialization Boundary ve Composition Pattern: Verilerin server ve client arasında paylaşımını kolaylaştıran modern mimari yaklaşımları kavrayacaksınız.

  • Gerçek Dünya Uygulamaları: Sıfırdan bir uygulama geliştirerek bu teknolojinin performansa etkilerini analiz edeceksiniz.

  • Server Actions: Server Actions’ı kullanarak veri işleme süreçlerini nasıl optimize edeceğinizi ve bu işlemleri projelerinize nasıl entegre edeceğinizi öğreneceksiniz.

  • Next Router Yapıları: Pages ve App Router farkını anlamak ve projelerde doğru tercih yapmak için ipuçlarını öğreneceksiniz.

  • Statik ve Dinamik Render Yaklaşımları: Static Site Generation ve dinamik render stratejilerini projelerinizde uygulayacaksınız.

Bu kurs yalnızca teknik bilgi değil, aynı zamanda uygulamalı bir deneyim sunarak React projelerinde gerçek anlamda uzmanlaşmanızı sağlayacak. React Server Components’ın gücünü keşfetmek için hemen katılın!

Who this course is for:

  • Temel React bilgisine sahip ve React Server Component'leri uygulamlarında etkili şekilde kullanmak isteyen geliştiriciler

Report abuse