Mini uygulamalarda işe yarayan unsurlar
Bu bölümde, mini uygulamaları web geliştirici açısından araştırırken edindiğim derslere göz atmak veya mini uygulama geliştirmenin ne anlama geldiği sorusunu yanıtlamak istiyorum.
Bileşenler
Mini uygulamalar, tekerleği yeniden icat etmek ve geliştiricilerin sekmeler, akordeonlar, bantlar gibi yaygın kullanıcı arayüzü paradigmalarının başka bir uygulamasını oluşturmasını sağlamak yerine, daha fazlasına ihtiyaç duymanız durumunda genişletilebilir olan varsayılan bir bileşen seçeneğiyle birlikte sunulur. Web'de de birçok seçenek vardır. Bunlardan bazılarını mini uygulama bileşenleriyle ilgili bölümde listeledim. İdeal bir dünyada, web'deki bileşen kitaplıkları, bunları özgürce karıştırabileceğiniz şekilde oluşturulur. Uygulamada, bir bileşeni kullandığınızda satın almanız gereken bir tasarım sistemiyle ilgili belirli bir kilitlenme vardır veya bileşen kitaplığı, tümüyle veya hiçbir şekilde dağıtılır ancak tek tek bileşenler bir projeye kolayca eklenemez. Bununla birlikte, tek başına kullanabileceğiniz atomik bileşenler veya generic-components gibi kasıtlı olarak stili kaldırılmış kitaplıklar da vardır. Bu tür bir çözüm bulmak ve kullanmak iyi bir fikir gibi görünüyor.
Model-view-viewmodel
Model-görüntü-görüntü modeli (MVVM) mimari kalıbı, işaretleme dili aracılığıyla grafik kullanıcı arayüzünün (görüntü) geliştirilmesinin arka uç mantığının (model) geliştirilmesinden ayrılmasını kolaylaştırır. Bu, görüntünün belirli bir model platformuna bağlı olmadığı anlamına gelir. Bu kalıbın bazı dezavantajları olsa da genel olarak mini uygulamalar kadar karmaşık uygulamalar için çok iyi çalışır. Özellikle zengin şablon kitaplıklarıyla öne çıkabilir (sonraki bölüme bakın).
Sayfa bazında düşünme
Mini uygulamalarda hata ayıklama işlemi yaptığımızda bunların aslında çok sayfalı uygulamalar (MPA) olduğunu görürüz. Bu yaklaşımın birçok avantajı vardır. Örneğin, basit yönlendirme ve sayfa başına sorunsuz stil oluşturma olanağı sunar. Kullanıcılar, progresif web uygulamalarına MPA mimarilerini başarıyla uyguladı. Sayfalar halinde düşünmek, her sayfanın CSS ve JavaScript dosyaları gibi kaynakların yanı sıra resim ve video gibi diğer öğeleri yönetmenize de yardımcı olur. En önemlisi, bu şekilde oluşturma işlemi, başka bir şey yüklemezseniz rota tabanlı kod bölme özelliğini ücretsiz olarak kullanabileceğiniz anlamına gelir. Bu durumda, her sayfa tanımı gereği yalnızca çalışması için gerekenleri yükler.
Derleme işlemi
Mini uygulamalarda görünür bir derleme süreci yoktur. Web'de Snowpack gibi modern derleme araçları, gereksiz çalışmaları önlemek ve proje ne kadar büyürse büyüsün hızlı kalabilmek için JavaScript'in yerleşik modül sisteminden (ESM olarak bilinir) yararlanır. Web paketleri gibi teknolojilerin henüz yeni olmasına rağmen derleme sürecine kolayca eklenebilir.
Güçlü özellikler
Web platformu son zamanlarda birçok yeni özellik kazandı. Artık Bluetooth, USB, HID, seri ve NFC üzerinden cihazlara erişebilirsiniz. Mini uygulamalar WebView'lerde çalıştırıldığında ve bir JavaScript köprüsüne bağlı olduğunda web'de bu güçlü özellikler doğrudan kullanılabilir. Bu nedenle, JavaScript köprüsü tarafından sağlanan bir API için değil, ara aktör olmadan tarayıcı API'si için programlama yaparsınız.
Teşekkür ederiz
Bu makale; Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent ve Keith Gu tarafından incelendi.