React ve Node.js birlikte kullanımı hakkında

Üstadlar selam,

React.js ve node.js(express.js) tecrübelerim mevcut ama daha önce hiç ikisini bir kullanmadım. İkisini birlikte nası kullanabilirim ? Mesela front-end tarafında context'e veya redux'a gerek var mı ? express tarafında bu işlemler daha kolay ve daha az error yönetimi ile halledilebiliyor çünkü. front-end tarafında ne kullanacağım backend tarafında ne ? dinamik içerikleri backend tarafında mı yapacağım vs...

Hocam ben react-native ile mobil uygulama yazıyorum ve global değişkenler için redux toolkit öğrenmek zorunda kaldım. Web kısmında konu nasıl olur bilmiyorum ama biraz kompleks bir site yapıyorsanız redux yada redux toolkit gerekli diye düşünüyorum.

Eğer aradığınız cevap sadece ikisini nasıl kullanabilirim ise onun cevabı değil maalesef ama izlediğim yolu anlatmak isterim

SEO önemli değil ise front-end React ile yapılır (yönetim paneli gibi). SEO önemli ise SSR kullanmanız doğru olur (Next.js). API kısmı için ise NodeJs kullanabilirsiniz. 2 ayrı proje şeklinde. JS Frameworkleri sadece ön yüzün interaktif işlemlerinde rol almalı.
Business Logic (veritabanı işlemleri vs.) front-end kısmından bağımsız olmalı. Yani NodeJS kullanacaksanız veri karşılama işlemlerini sadece o yapmalı.
Redux hakkında detaylı bilgim yok ben Vue yazıyorum ama State Management'i (Vuex ) sadece API isteklerini atmak için kullanıyorum veya ortak olabilecek şekilde düşündüğüm state verilerini tutuyorum. Bu şekilde kullanabilirsiniz.

Hocam context yapısı içerisinde tutardınız ne gerek vardı ki reduxa ?

Teşekkürler değerli yorumlarınız için, hocam peki SEO için neden Next önerdiniz ? SSR'i react ya da vue ile oluşturabiliriz ?

Vue'nün SSR'ı (Nuxt) için konuşayım. Nuxt'ın SSR için sağladıkları Vue'ye nazaran daha fazla ve kullanışlı. Auto-generated route yapısı olsun, SEO implementlerinin kolaylığı olsun vs.
React için ise benchmark araştırması yaptım ve Next dönütleri React'e göre hayli iyi durumda.
https://blog.logrocket.com/create-re...e-differences/

Redux zaten context API kullanarak bidirectional state management handling yapabiliyor, bu sayede hem çok sayıda slice’ı merkezi bir yerde depolayabiliyor hemde global variable’lara istediğin context içerisinden anlık data dispatch edip read edebiliyorsun, react routing yapmak zorunda kalırsan reduxa çok fazla ihtiyacın olacak, o zaman zaten daha iyi anlayacaksın

react özelinde konuşursak, proje büyüdükçe context api kullanımın yetersiz (karışık) kalacağını, redux kullanımının daha mantıklı olacağını düşünüyorum.

api yi node ile yazıp frontend tarafını react ile geliştirebilirsin.

yukarıdaki arkadaşların da bahsettiği gibi, seo önemli ise server side rendering mutlaka olmalı. react'te next, vue'da nuxt, svelte'de svelte kit kullanılmalı.

ayrı bir alternatif ise bu frontend teknolojilerini sadece component olarak kullanıp global state yönetimini veya seo gibi işleri komple server tarafına bırakman(node gibi.).

node konusundan bağımsız olarak örnek vermem gerekirse, laravelin react,vue,svelte gibi front-end teknolojileri için webpack işlerini kolaylaştıran kitleri var ve projeyi spa olarak ilerletmeden sadece sayfa içine componentleri gömüp reactive bir yapı sağlanabiliyor.

benim tavsiyem business Logic'in ayrı, client kısımlarının ayrı olarak tamamen bağımsız projelerin geliştirilmesi. backend tarafında api yazılır, client tarafında (web, mobil, desktop) ayrı yapılar kurulur.