Bileşenler, modern web uygulamalarının yapı taşlarıdır. Kendi bileşenlerinizi derlerken zamana yenik düşmemek için hangi en iyi uygulamaları izlemelisiniz?
Bileşenler, modern web uygulamalarının yapı taşlarıdır. Zamana dayanabilmeleri için kendi bileşenlerinizi oluştururken hangi en iyi uygulamaları izlemelisiniz?
Özel Öğeler
Özel öğeler, geliştiricilere HTML'yi genişletme ve kendi etiketlerini oluşturma olanağı sağlar. Özel öğeler, standartlara dayalı olduğu için Web'in yerleşik bileşen modelinden yararlanır. Bunun sonucunda, birçok farklı bağlamda yeniden kullanılabilecek daha modüler bir kod elde edilir.
Daha fazla bilgi
Gölge DOM
Gölge DOM, bileşen stili ve işaretleme kapsülü sunan bir web standardıdır. Sayfada başka CSS veya JavaScript kodları olsa bile bir bileşenin herhangi bir ortamda çalışmasını sağladığı için Web Bileşenleri hikayesinin çok önemli bir parçasıdır.
Daha fazla bilgi
En iyi uygulamalar
Özel öğeler ve gölge DOM, düşük düzeyli temel öğeler olduğundan, bunları sağlam ve birçok farklı ortamda iyi çalışan bir bileşen oluşturmak için en iyi şekilde nasıl birleştireceğiniz her zaman açık değildir. Bu API'lerle neredeyse her şeyi yapabilirsiniz ancak bileşenlerinizin her yerde iyi çalışmasını sağlayacak bazı en iyi uygulamaları aşağıda bulabilirsiniz.
Daha fazla bilgi
Örnekler
HowTo-Bileşenleri, Özel Öğe ve Gölge DOM ile ilgili en iyi uygulamaları gösteren bir dizi öğedir. Bu öğelerin üretimde kullanılması amaçlanmamıştır. Bunun yerine, en iyi uygulama önerilerinin gerçek uygulamalarla eşleştirilmesine yardımcı olmak için eğitime yardımcı olarak sunulurlar.
Daha fazla bilgi
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2017-08-14 UTC."],[],[]]