Tayfun abi VSCode değil, WebStorm kullanıyor.
Anladığım kadarıyla şuna benzer bişey yapmak istiyorsun. İstediğin kadar checkbox veya array ekleyip çıkarabilirsin. Kod hakkında takıldığın biryer olursa sor lütfen.
// Child
this.$emit('triggerServices', (res) => {
console.log(res)
})
// Parent
async triggerServices(callback) {
const _data = await this.fetchService()
await this.getAllRulebooks(_data)
callback("service fetched")
}
Yukarıdaki yöntemi dener misin?
password id sine sahip bir element olmadığını düşünüyorum ama emin değilim. console.log(password) yapar mısın? Birde hata mesajı var mı? Onu da verirsen iyi olur.
Arkadaşların sunduğu kodlar çalışır(kısmen) fakat her update işleminde tüm li elemanları güncellenir. Eğer container listesi çok fazla li içeriyorsa ve/veya içerdiği her li elemanı p harici başka elementler de içerecekse üstüne buna CSS de eklenince yavaşlık meydana gelebilir.
Dolayısıyla bu işi ID kullanarak yapman daha faydalı olacaktır. Aşağıya çalışan bir demo linki bırakıyorum. Bunu kendi ihtiyaçların doğrultusunda güncelleyebilirsin.
O halde en başta da söylediğim gibi Firebase kullanabilirsin. Belki yanlış anlatmış olabilirim ama Firebase güvensiz deniyorum sadece güvenlik kuralları yazması biraz meşakkatli olabiliyor. Tabi bu durum diğer database servisleri için de geçerli olabilir. Back-end konusunda çok fazla alternatife yönelmedim açıkçası. Sadece kullandığım servisi önereyim istedim.
Firebase'e bir göz attım ısınamadım diyorsan daha popüler alternatifler olan MongoDB veya PostgreSQL i önerebilirim. Geliştireceğin uygulamanın ihtiyacına göre NoSQL mi yoksa SQL database mi seçersin sana kalmış.
Database ile uygulama arasındaki bağlantıyı hangi servisle yaparsın bilemiyorum ancak onun için de Prisma önerebilirim. Bu bağlamda aşağıdaki bağlantılar faydalı olacaktır.
Şu anki mevcut demoda browser genişliğim 800px in altındayken dediğiniz gibi Content divi içerisinde scroll oluyor. Sorunuzdan da bunu anlıyorum. İsteğiniz farklı birşey ise sorunu biraz daha detaylandırabilir misiniz?
Haklısın, ben sadece yapacağın uygulamayı yüzler/binler kullanmayacak, sadece kendini geliştirmek için yapacaksın varsaymıştım. Güvenlik konusuna daha sonra odaklanırsın gibi düşündüm. Dediğin gibi bir CMS servisi kullanmak da çok mantıklı. Next.js kullanacaksan önerdikleri CMS servisleri arasından Strapi ve Storyblok gözüme çarpanlar arasında.
İstediğini tam anlayamadım fakat media Query içindeki .Content e overflow-y: auto !important yerine height: auto verip dener misin?
Güvenlik endişem yok, yanlızca deneme yanılma yapıyorum diyorsan, benim gibi Firebase kullanabilirsin. Tabii security rule'lar yazarak yine bunu güvenli hale getirebilirsin orası sana kalmış. Geliştireceğin uygulamanın karmaşıklığına göre security rule yazması zorlaşabiliyor. Üstelik Firebase Auth ile uygulamana üyelik sistemi de entegre edebilirsin.
Ben React ile değil de Vue/Nuxt.js ile kullandım istersen aşağıdaki bağlantılardan geliştirdiğim siteye göz atabilirsin. Geliştireceğin uygulama SSR gerektirecekse senin de Next.js kullanmanı tavsiye ederim.
Live Preview
Github Repo (CURD işlemlerinin nasıl yapıldığına dair birkaç ipucu sağlayabilir.)