Next.js Macerası #17 | useMemo Kullanımı | #react #nextjs #web #project #frontend #memory #render

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Bir gün aradan sonra yine siz değerli dostlarımla beraber "Next.js Macerası" yolculuğumuza kaldığımız yerden devam ediyoruz. Bu sefer özellikle büyük verilerle işlemler yapılırken kullanacağımız ve gereksiz #render işlemlerinden kaçınmamızda son derece fayda sağlayacak bir #hook ile çalışacağız. Heyecanınızı anlıyorum, sözü daha fazla uzatmadan #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda dozumuzu alalım ve can dostumuz bilgisayarlarımızın başına geçelim :) Bu bölümde sizlerle beraber #nextjs uygulamalarımızda kullanılan (aynı zamanda #reactjs ve #reactnative üzerinde de kullanılıyor) "useMemo" kütüphanesine değiniyoruz. Yukarıda da bahsettiğim gibi büyük verilerle çalışırken, belirli bir değerin durumuna göre çalışacak olan ve filtreleme işlemlerinde sıklıkla kullanılan bu yapı hem uygulamanızda performans sağlayacaktır Özellikle şöyle bir düşünürsek bir hesaplama vs. işlemler her bir işlemde render olacaksa o işte aslında bir sorun vardır. İyi bir programcının da bunu analiz etmesi ve sadece belirli işlemlerde bunu çalıştırması gerekir. Tabii bu durumda da "useMemo" gibi projesine yarar sağlayan "Hook" yapılarını kullanacaktır Sizler de nimet niteliğinde olan bu "useMemo" yapısını öğrenmek, nasıl kullanılacağı hakkında bilgi almak istiyorsanız bu video size yardımcı olacaktır :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- "useMemo" konusuna giriş yapıldı -- Genel görevinden ve projelerde ne gibi durumlarda kullanılacağından bahsedildi -- Ufak bir filtreleme örneği yapıldı ve örnek içerisinde gerçekleşen süreç anlatıldı -- Örnek olarak nerelerde kullanılacağımıza değinildi şeklinde özetleyebiliriz. İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim. İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :) Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın. Ayrıca yakın zamanda "Shopier" üzerinden açtığım mağazamı da ziyaret edebilir, açık kaynak şeklinde satışa koyduğum yazılımlarımdan faydalanabilirsiniz MFSoftware Blog sayfasının 4. yılına özel "Shopier" hesabımda 1 hafta geçerli olacak (11.02.2025 akşam 17.00 a kadar) 500 TL indiriminden faydalanabilirsiniz :) Projemizin Kodları: https://github.com/turan1302/nextjs-macerasi React + Laravel Eğitimleri için: WebRTC Projesi: https://tls.tc/04JnR Alışveriş Sepeti Projesi: https://tls.tc/rzCkV Chat Sistemi Projesi: https://tls.tc/7ePsd Radyo Çalar Projesi: https://tls.tc/5HITg Fast Typing Projesi: https://tls.tc/ZJkfy Barkod Okuyucu Projesi: https://tls.tc/z07Ap React Native Eğitimi için: https://tls.tc/e5mIM Next.js Eğitimi İçin: https://tls.tc/RMdP3 - Sitelerim - MFSoftware Blog: https://mfsoftware.net/ Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): https://seyyaryazilimci.com/ Shopier Hesabım: https://www.shopier.com/mfsoftware42 - Sosyal Medya Hesaplarım - Linkedin: https://www.linkedin.com/in/mfsoftware/ Instagram: https://www.instagram.com/mfsoftware.net.tr/ - Next.js ile React uygulamaları - React useMemo performans optimizasyonu - Next.js projelerinde useMemo kullanımı - React useMemo kullanarak hızlandırma - Next.js kullanarak web uygulamaları - React useMemo ve state yönetimi - Performance enhancement with useMemo React - Next.js useMemo performance improvements - Optimize React apps using useMemo - React useMemo for state management - Next.js for fast web development - React useMemo for efficient coding - Next.js ile hızlı web geliştirme - React useMemo ile render optimizasyonu - Next.js ve React performans iyileştirme - React uygulamalarında useMemo kullanımı - Next.js ile React uygulaması geliştirme - useMemo ile React uygulama hızlandırma - useMemo in React for memory management - Next.js and React app speed up - React useMemo with state handling - React and Next.js performance tips - Fast rendering in React with useMemo - Next.js SEO optimization techniques - Next.js React optimize edilmiş uygulama - useMemo ile React uygulamalarında hızlanma - Next.js ile SEO optimizasyonu - React performans iyileştirme araçları - React uygulamalarında useMemo optimizasyonu - Next.js kullanarak hızlı sayfa yükleme