Frontend Ekosistem
Ekim Ayından Frontend Ekosistem Notları
Her dönem olduğu gibi email ve diğer ortamlarda Frontend, JS ve React konularında karşıma çıkan, hoşuma giden haberleri sizler ile paylaşacağım.
Frontend alanında Ekim ayının konularına başlamadan önce İstanbul JS Topluluğunun gelecek sunumu/demosunu Online olarak yapıyorum . Katılmak isteyenler aşağıdaki linkten kayıt olabilirler.
Şimdi gelelim geçen ay Frontend alanında ne gibi gelişmeler ve yenilikler olmuş konusuna.
Genel
- Mermaid son dönemin en popüler kütüphanelerinden birisi. Markdown ile diagram çizimi için bir araç olması Microsoft, Google ve Amazon ürünlerine entegrasyonunu hızlandırdı. Büyük şirketlerin bu araçları tercih etmesinin bir nedenide AI Generation için uygun olması. (Amazon QDeveloper, GitHub vb..)
- BlockNote: React ile Notion benzeri block yapıları ile not almanızı sağlayan bir kütüphane
- Should masonry be part of CSS grid? Masonry Layout Grid Layout bir parçası olabilir miyi irdeleyen makele.
- Creating a Keyboard Shortcut Hook in React . React Hook ları kullanarak Klavye kısayollarını nasıl yönetebiliriz üzerine makele.
- WebStorm. Ticari amaçlar dışında Free kullanımlı versiyonu çıktı . Konunun detaylarına bu linkten erişebilirsiniz.
- Shadcn/ui. Son dönemlerde Charts ve Sidebar olmak üzere 2 türde bileşen örnekleri çıkmış durumda
GitNation üzerinden 3 tane video önerisi;
- How React Compiler Performs on Real Code
- Build a Powerful Datagrid With AG Grid
- How React Router Became a Framework
Vite Konferansından 3 tane video önerisi
- Evan You | Keynote: Vite and the Future of JavaScript Tooling
- Jason Miller | Scaling Vite at Shopify | ViteConf 2024
- Rich Harris | Svelte 5: Beyond Components | ViteConf 2024
Diğer vite conf videoları için bu linke tıklayın.
Next.js 15 Conf
- Recap: Next.js Conf 2024
- Next.JS Conf ait bütün videoları bu playlist linkinden erişebilirsiniz.
- Next.JS Our Journey with Caching (Sebastian Markbåge)
Diğer Web Frameworkleri
Chakra V3
- Chakra V3 versiyonunda HeadlessUI üzerine yeni mimarisini kurgulamış durumda
Not: Styling olmadan sadece Accessibility ve Customizable yüksek bileşenler üretme trendi çok fazla artmış durumda
- React Aria → NextUI
- HeadlessUI → Tailwind..
- RadixUI → ShadcnUI
- BaseUI -> MUI
Bu sayede şirketler kendi Design System’lerini tasarlayarak bu Unstyled Bileşenler ile kendi bileşen kütüphanelerini oluşturabiliyorlar. Eski yöntem ise mevcut key-token veya classname ezerek kendi style kütüphanelerinimizi oluşturmaktı.
2sininde birbirine göre avantaj ve dezavantajları bulunuyor. → Bu avantaj/dezavantaj konusunun detayını merak edenler buradan not eklerse bu konuyu biraz daha açarak anlatabilirim.
Anketler;
- State of Frontend 2024 Anket Sonuçları
- CSS 2024 Anket sonuçları
- React 2024 için oluşturulan Anket Devam ediyor..
