Next.js Macerası #37 | Component Kullanımı | #react #nextjs #api #project #component #props

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Yine yeni bir günün akşamına doğru siz değerli dostlarımla beraber "Next.js Macerası" yolculuğu içerisinde güzel bir konuya daha değiniyoruz. Projelerimizde olmazsa olmaz bir şekilde kullandığımız, işlerimizi kolaylaştıran bu yapıdan tema entegresinden hemen sonra sizlere bahsetmek istedim :). O halde sözü fazla uzatmadan #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerimizden iftarlık payımızı alalım ve can dostumuz bilgisayarlarımızın başına geçelim :) Bu bölümde sizlerle beraber #component olaylarından bahsetmek istedim. Örneğin projelerimiz içerisinde tekrarlayan yapılar, her sayfada yer yer kullanabileceğimiz yapılar, içerisine veri gönderip manipüle edeceğimiz olabilir. Bu durumda bizim her sayfaya tekrar tekrar kodları yazmaktansa belirli bir yerde "Component" olarak toplayıp gereken sayfalarımız içerisine rahatlıkla entegre edebiliriz. Sizler de projelerinizde "Component" oluşturmak istiyorsanız lakin temeliniz yoksa veya nereden başlayacağınızı bilmiyorsanız bu video yardımcı olacaktır :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- "Component" konusuna genel bir giriş yaptık -- Hangi durumlarda kullanılacağına değindik -- "Component" yapısı oluşturduk ve gerekli sayfalarda kullandık -- Component içerisinde kullanabilmek için veri ve fonksiyon #props işlemlerini ayarladık ş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 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 dinamik component kullanımı - Next.js ile React projeleri geliştirme - Next.js framework ile hızlı geliştirme - Next.js component yapısını öğrenmek - Next.js ile modern web projeleri oluşturma - React ve Next.js ile web uygulamaları - Optimizing Next.js apps for speed - Next.js component design for fast development - Learn Next.js component development - Next.js for building dynamic user interfaces - Best practices for Next.js component usage - Next.js with React for efficient projects - Web geliştirmede Next.js avantajları - Next.js ile API entegrasyonu - Next.js ile hızlı front-end geliştirme - React ve Next.js ile dinamik sayfalar - Next.js ve component yapıları - Next.js ile performans optimizasyonu - Speed optimization with Next.js components - Next.js component usage for developers - Building apps with Next.js and React - Next.js for professional web development - Creating responsive pages with Next.js - Best SEO practices with Next.js components - Next.js ile web sitesi hızlandırma - Next.js component kullanımı örnekleri - React ve Next.js ile UI geliştirme - Next.js ile responsive tasarım yapma - Next.js projelerinde SEO geliştirme - React component kullanım stratejileri