React-Native ile eşleştirme oyunu kodlarla beraber

Eline sağlık gayet güzel gözüküyor. Functional component + typescript + hooks kullanmanı öneririm.

Neye dayanarak önerdiniz hocam yani nedeni nedir

Typescript anlatmama gerek yok diye düşünüyorum.

Functional component kullanmak zorunda değiliz. Fakat yeni özelliklere adapte olmak daha iyidir. Class mantığı işleri zorlaştırıyor. State yönetimini sağlamak daha zor. Babel çıktısı functional yapıya göre daha fazla. Buda ek iş yani performans kaybı demek.

Özellikle hookların geliştirilmesi ile birlikte React farklı bir kullanıma evrildi. Kullanımı ve kodun okuması, yönetimi daha kolay.

Typescript anlatmama gerek yok derken mi? Hocam statik tipleme her zaman lazım olan bir şey değil. Her projede kullanmanıza gerek yok. Küçük proje ve ekipler için kod kalabalığından ibaret. Neden Typescript kullanayım?
Ekstra olarak büyük projeler için class component daha iyidir. Bunun nedenini aynı sayfada 3-4 statei değiştirdiğiniz durumda ikisini de render edererek hangisinin ne kadar render edildiğine bakarak performans farkını ve render sayılarını görebilirsiniz.
Ekstra olarak class component kullanırken aynı anda birçok statei değiştirebilirsiniz, bu functional component için geçerli değildir. Functional component kullanırken 3 statei değiştirdiğiniz durumda 3 kez render edilir. Class component kullanırken aynı anda üç state değiştirdiğiniz durumda tek bir render işlemi uygulanır.
Ayrıca State yönetimi arasında pek fark yok, ikinci bir durum için Redux kullanarak state yönetimini kolaylaştırabiliyoruz.

TypeScript konusunda haklısın. Küçük uygulamalarda komplex yapı haline geliyor. Solo isen sorun yok ister kullan ister kullanma. Fakat ekip işlerinde bence gerekli.

Hooklar neden geliştirildi. React geliştiricilerinden dinleyelim.
https://reactjs.org/docs/hooks-intro.html#motivation

useState de state güncellerken şu şekilde yazarsan o render olayını çözersin.
setCount(count => count+ 1)
Birçok state durumunda uygun olabiliyorsa tek bir state ve Object formatında tutulur. Daha da complex ise useReducer kullanılır.
useEffect ile componentDidMound, componentDidUpdate, componentWillUnmount gibi birçok methodun yaptığı işlevi tek bir yerde halledebilirsin.

https://github.com/freeCodeCamp/freeCodeCamp
https://github.com/ethereum/ethereum-org-website