Mini uygulamalarda işe yarayan yöntemler
Bu bölümde, mini uygulamaları araştırarak bir web geliştiricisinin bakış açısından çıkardığım dersleri görmek veya mini uygulama yöntemi geliştirmenin ne anlama geldiğine ilişkin soruyu yanıtlamak istiyorum.
Bileşenler
Mini uygulamalar, tekerleği yeniden icat etmek ve geliştiricilerin sekmeler, akordeonlar, atlı karıncalar vb. gibi yaygın kullanıcı arayüzü paradigmalarının başka bir uygulamasını daha oluşturmasını sağlamak yerine, daha fazlasına ihtiyacınız olması ihtimaline karşı genişletilebilir, varsayılan bir bileşen seçeneği sunar. Web'de de benzer şekilde birçok seçenek mevcut. Bunlardan bazılarını mini uygulama bileşenleri bölümünde listeledim. İdeal bir dünyada, web'deki bileşen kitaplıkları, serbestçe karıştırabileceğiniz şekilde oluşturulmuştur. Pratikte çoğu zaman, bir bileşeni kullanırken satın almanız gereken bir tasarım sistemiyle ilgili belirli bir taahhüt vardır veya bileşen kitaplığı ya hep ya da hiçbir şey olmayacak şekilde dağıtılır ancak projeye tek tek bileşenler kolayca eklenemez. Bununla birlikte, izole olarak kullanabileceğiniz atomik bileşenler veya kasıtlı olarak biçimlendirilmemiş genel-bileşenler gibi kitaplıklar vardır. Bunları kullanarak birini bulmak iyi bir fikir gibi görünüyor.
Model-görünüm-modeli
Arka uç mantığının (model) geliştirilmesinden bir biçimlendirme dili aracılığıyla grafik kullanıcı arayüzünün (görünüm) geliştirilmesini kolaylaştıran model-view-viewmodel (MVVM) mimari kalıbı, görünümün belirli bir model platformuna bağlı olmadığı anlamına gelir. Bu kalıbın belgelenmiş bazı dezavantajları olsa da bu yöntem genellikle mini uygulamaların çok karmaşık olduğu uygulamalarda çok işe yarar. Özellikle zengin şablon kitaplıklarıyla uyumlu olabilir (sonraki bölüme bakın).
Sayfalar halinde düşünme
Hata ayıklama mini uygulamalar, temelde çok sayfalı uygulamalar (MPA) olduklarını gösterir. Bunun, örneğin önemsiz yönlendirmeye ve sayfa başına çakışma olmadan stile olanak sağlaması gibi birçok avantajı vardır. Kullanıcılar, Progresif Web Uygulamalarına MPA mimarilerini başarıyla uygulamıştır. Sayfaları düşünmek, her sayfanın CSS ve JavaScript dosyaları gibi kaynakların ve resim ve video gibi diğer öğelerin yönetilmesine de yardımcı olur. En önemlisi, bu yöntemi kullanarak başka hiçbir şey yüklemezseniz rota tabanlı kod bölme özelliğinden ücretsiz olarak yararlanabilirsiniz. Bu durumda, her sayfa tanımı gereği yalnızca çalışması gereken öğeleri yükler.
Derleme işlemi
Mini uygulamaların görünür bir derleme süreci yoktur. Web'de Snowpack gibi modern derleme araçları, gereksiz işlerden kaçınmak ve proje ne kadar büyürse hızlanmak için JavaScript'in yerleşik modül sisteminden (ESM olarak bilinir) yararlanır. Web Paketleri gibi teknolojiler henüz yolun başında olsa da derleme sürecine kolayca eklenebilecek bir öğedir.
Güçlü özellikler
Web platformu, son zamanlarda birçok yeni özellik kazandı. Cihazlara Bluetooth, USB, HID, serial ve NFC üzerinden erişmek artık mümkün. Mini uygulamaların Web Görünümleri'nde çalıştığı ve web'de JavaScript köprüsüne bağlı olduğu durumlarda bu güçlü özellikler doğrudan kullanılabilir. Böylece JavaScript köprüsü tarafından sağlanan bir API'ye göre değil, ara bir aktör olmadan tarayıcı API'sine göre programlama yaparsınız.
Teşekkür
Bu makale, Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent ve Keith Gu tarafından incelenmiştir.