Next.js Macerası #16 | useState Kullanımı | #react #nextjs #web #project #frontend #state #data

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Güzel geçen bir haftanın sonunda gelen haftasonuna siz değerli dostlarımla beraber "Next.js Macerası" yolculuğumuza kaldığımız yerden devam ediyoruz. Özellikle de bir önceki videomuzda başlamış olduğumuz derin konulara giderek ilerleyeceğiz diyebilirim :). O halde sözümüzü daha fazla uzatmadan her zaman olduğu gibi #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda dozumuzu alalım ve kodlamaya kaldığımız yerden devam edelim :) Bu bölümde sizlerle beraber "Next.js" uygulamalarımızda sayfalarımızın içerisinde verilerimizi nasıl tutacağımıza, bunları nasıl bir şekilde manipüle edeceğimize değiniyoruz. Özellikle de #api veya sayfa içerisinde arayüz olaylarında ufak bir animasyon vs. gibi yapacağımız durumlarda da karşımıza çıkan bu #state yapısını öğrenmenizin önemini de vurguluyorum :). İleriki zamanlarda uygulamalarla pekiştireceğimiz "Next.js Macerası" yolculuğumuzda bu yapıyı net bir şekilde kavramanızı istiyorum dostlarım. Daha global bir şekilde de kullanacağımız durumlar gelecektir. Bütün bu anlattığım işlemlerin nasıl bir şekilde kodlandığını merak ediyorsanız tüm detaylara video içerisinden ulaşabilirsiniz :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- useState konusuna giriş yapıldı -- Temel olarak hangi görevde olduğuna ve bize ne gibi katkılar sağlayacağına değinildi -- Ufak örnekler gerçekleştirildi -- Örnek olarak nerelerde kullanılacağına 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 kullanımı ve özellikleri - useState ile React Hooks kullanımı - Next.js ile dinamik web uygulaması - React state yönetimi örneği - useState hook nasıl kullanılır - React'ta state yönetimi nedir - Frontend development with Next.js - Next.js useState hook example - Using React and Next.js together - Next.js tutorial for beginners - Tips for React app development - Improving performance with useState - Next.js ile hızlı web geliştirme - Next.js state yönetimi yapma - React hooks kullanımı örneği - Next.js projesi nasıl başlatılır - React useState hook ile form yönetimi - Next.js ile SEO uyumlu site yapma - How to update state in React - Managing data with useState hook - Dynamic websites using React - Server-side rendering with Next.js - Input management using useState - Efficient state management in React - Next.js ile full-stack geliştirme - React'ta useState ve useEffect farkı - Next.js ile hızlı geliştirme rehberi - useState ile kullanıcı etkileşimi yönetimi - Next.js projelerinde state yönetimi - React useState ile veriyi güncelleme