Buradasın
Flutter Projelerinde Code Generation ve Paket Kullanımı Eğitimi
youtube.com/watch?v=m5ZM6Yo-tdgYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir Flutter geliştirme eğitim içeriğidir. Eğitmen, Flutter projelerinde code generation kullanımı ve paket yapılandırması konularını adım adım anlatmaktadır.
- Video, Flutter projelerinde kod üretimi için gerekli paketlerin (Flutter Gen, Build Runner, Flutter SVG, Easy Localization, iz location, jason annotation, ecu table) nasıl ekleneceğini ve kullanılacağını detaylı olarak göstermektedir. Eğitmen, projenin ana hatlarını temiz tutmak için "code generation" modülü oluşturma, localization dosyalarını üretme ve bu dosyaları ana projeye entegre etme yöntemlerini örneklerle açıklamaktadır.
- Eğitim içeriğinde ayrıca asset image entegrasyonu, global değişkenlerin kullanımı ve kodun daha kolay ve kaliteli yazılmasını sağlayan pratik ipuçları da sunulmaktadır. "Food app core" adlı bir projede bu teknikler nasıl uygulanacağı da gösterilmektedir.
- Yeni Bir Front End Projesi Başlangıcı
- Sunucu, uzun bir aradan sonra yeni bir front end projesi başlattığını belirtiyor.
- Bu proje daha temiz, daha kurbe kentli ve fire olmadan kullanılacak.
- Sunucu, projede kullandığı bazı araçları ara ara anlatacağını, böylece izleyicilerin kafasının karışmaması için daha iyi anlayabileceklerini söylüyor.
- 00:45Code Generation Sorunları
- Flutter projelerinde code generation kullanılıyor, ancak proje büyüdükçe kontrolü zorlaştırıyor.
- Çok fazla dosyada code generation olduğu için alt klaslarda ve yerlerde çok fazla dosya oluşuyor.
- Bir işlemden ötürü tüm modeller tekrar yaratılıyor ve bu durum projeyi çalışmaya başlamasını zorlaştırıyor.
- 01:36Code Generation Kontrolü İçin Çözüm
- Sunucu, daha ileri seviye ve kullanışlı bir kontrol yöntemi sunacağını belirtiyor.
- Projede çok hızlandıracak ve kontrolü bir yerde bırakacak bir yöntemden bahsedeceğini söylüyor.
- Projenin içerisine "code generation" adında bir modül ekleyeceğini açıklıyor.
- 02:18Modül Kullanımı Avantajları
- Tüm kod generation işlemlerini modül altında yapacak ve projenin ana hattı sadece modülden gelen dosyaları görecek.
- Bu sayede daha clean kod yazılacak çünkü modeller ayrılmış olacak.
- Modeller sadece prim işini yapacak, servis edecek ve detay verecek, işyer mi kodlar olmayacak.
- 03:00Modül Oluşturma Adımları
- Modülün altına geçip "create liber" oluşturacağını belirtiyor.
- Pubspec.yaml dosyasına "code generation" adında bir paket ekliyor.
- Alt modülde çalışıyorsanız, üst modüllü haberleştirmeden önce o projeyi ayrı olarak çalıştırabilirsiniz.
- 04:27Flutter Paketleri ve Entegrasyon
- Flutter Gen paketi, proje eklemek için dökümantasyonda gösterilen bir pakettir ve build runner extension ile kurulabilir.
- Build runner extension, pubspec.yaml dosyasına eklenerek projeye entegre edilebilir.
- Projede aset kullanmak için önce bir tasarım kaynağı (örneğin Androw) üzerinden bir ikon indirilmelidir.
- 07:05Asset Entegrasyonu
- İndirilen ikon dosyası, projenin assets klasörüne kopyalanmalıdır.
- Pubspec.yaml dosyasında asset'ler için gerekli ayarlar yapılmalıdır.
- Projede asset'leri kullanmak için kalay şeması oluşturulmalı ve otomatik kod jenerasyonu sağlanmalıdır.
- 10:52Flutter SVG ve Localization
- Flutter SVG kullanmak için gerekli paket kurulmalıdır.
- Localization için easy_localization paketi kullanılabilir ve projenin ana katmanında kullanılmalıdır.
- Localization için assets klasörünün altında translation klasörü oluşturulmalı ve dil dosyaları buraya eklenmelidir.
- 14:43Flutter Projesinde Localization Kullanımı
- Projede localization için gerekli dosyalar ve scriptler ekleniyor.
- Translation dosyasında "hello" yerine "merhaba" yazısı ekleniyor.
- Script dosyası oluşturulup, localization için gerekli dosyalar bu dosyaya aktarılıyor.
- 16:00Localization Dosyalarının Düzenlenmesi
- Localization için gerekli dosyaların doğru konumda tutulması önemlidir.
- Translation dosyası modülün altındaki code gen altındaki libin altında oluşturuluyor.
- Dosya konumları projenin yapısına göre değişebilir.
- 18:29Paket Kullanımı ve Kod Üretimi
- En iyi uygulama olarak localization için paket kullanmak önerilir.
- JSON annotation paketi kod üretimi için kullanılır.
- E-table paketi de projeye eklenerek kod üretimi için kullanılır.
- 21:53Kodların Projeye Aktarılması
- Kod üretimi tamamlandıktan sonra, ana projenin kullanması için export işlemi yapılır.
- Export to dart files paketi kullanılarak kodlar projeye aktarılır.
- Index dosyaları oluşturulup, kodlar bu dosyalara export edilir.
- 23:52Projeye Kodların Eklenmesi
- Ana projeye code gen paketi eklenir.
- Code gen paketinin path'i modülün altındaki code gen klasörüne ayarlanır.
- Büyük projelerde kodların düzenli bir şekilde yönetilmesi önemlidir.
- 25:31İyi Bir Projenin Özellikleri
- İyi bir proje sadece test değil, senden sonrası ne sorusunun cevabını anlaman gerektiği anlamına gelir.
- İyi bir proje, kodun yeni ayırmak ve projede senden sonra gelecek insana sadece çıktıları kullanabilme imkanı sağlamalıdır.
- Proje büyüdükçe paket updatelerinde ve alt dallarla bağımlılık sıfıra düştüğünde çok önemli olur.
- 26:51Proje Yapısı ve Kullanımı
- Proje yapısında "kalır" ve "localization" gibi kategoriler bulunur ve bu kategorilerden gerekli özellikler alınabilir.
- "Kalır" kategorisinden "black" gibi özellikler alınabilir ve kod generation ile entegre edilebilir.
- "Localization" kategorisinden gerekli özellikler alınabilir ve projeye entegre edilebilir.
- 28:31Asset ve Kullanıcı Verisi Kullanımı
- Asset klasöründen imajlar kullanılabilir ve "packed propertisi" kullanılarak kod içerisinde alınabilir.
- Kullanıcı verileri için "user" sınıfı oluşturulabilir ve "name" gibi özellikler doldurulabilir.
- İyi bir kodun yazabilmesi için rahat bir ortam oluşması ve kolay şeylerin kolay ve kaliteli ilerlemesi gerekir.
- 31:26Gelecek Proje ve Kapanış
- Gelecek seride "food app cor" adlı projede bu yapı kullanılacaktır.
- Konuşmacı, bu tarz projede kullandığı trickleri izleyicilere vereceğini belirtiyor.
- Konuşmacı, izleyicilere bir bakış kazandırdığını umduğunu ve görüşmek üzere veda ediyor.