Photo by Timothy L Brock on Unsplash

React

React Forget Compiler Nedir ?

React Ekibi ClientSide için React.useMemo, React.memo ve React useCallback kullanımını otomatik gerçekleştirecek bir Compiler üzerinde çalışıyor.

2 min readDec 1, 2023

--

Öncelikle React bileşenlerinde performans problemlerini aşmak için React.memo, React.useMemo ve React.useCallback kullanıyoruz. Fakat bunları ne zaman kullanacağımız veya kullanmayacağımız konusunda çok sık kafa karışıkları ve kodun okunabilirliğini karmaşıklaştıran bir durum var.

Bu optimizasyon konularını daha iyi anlamak için LearnReactUI.da yer alan Controlling Re-Render Func Components içeriklerinden faydalanabilirsiniz.

https://learnreactui.dev/contents/how-to-control-re-renders-on-react-func-components

İlerleyen süreçte React ekibi bir Derleyici aracılığı ile geliştirici, hiçbir şey yapmak zorunda kalmadan tüm memoization işlemlerini otomatik gerçekleştirecek. Bir otomatik memoization derleyicisi oluşturuyorlar.

Bu derleyici sonrasında komple bu memoization ile ilgili API yöntemlerinden kurtulmayı planlıyorlar. Bu konu ile ilgili video’ yu aşağıdaki linkten izleyebilirsiniz.

Kendi Görüşüm: Bu tip optimizasyon amaçlı compiler altyapısının Legacy API’leri kolay kolay kaldırabileceğini düşünmüyorum. Zaten tek konu React Functional bileşenlerde değil.

Class Component’ larda ayrı bir optimizasyon ihtiyacı bulunuyor.

https://learnreactui.dev/contents/how-to-control-re-renders-on-react-class-components

Aynı şekilde React üzerinde çalışan Routing, Animation, Scrolling, State Management vb.. tüm konuların ayrı ayrı optimizasyon ihtiyaçları var. Her bir konsepte ait optimize çözümler üretmesi mümkün değil.

Bundan dolayı bileşenlerin nasıl çalıştığı, nasıl render edildiği ile ilgili mental modeli kafanızda oturtmayı unutmayın.

Okumaya Devam Et 😃

Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.

--

--