Bu yazıda React Projemizin Veri Erişimine Göre Basit’ten Karmaşığa doğru listeleyerek bunların Rendering, Git Branching kurgusu ve DevOps etkileri üzerinden karmaşıklığını analiz edeceğim. — Bu yazıda React Projelerini Veri Erişimine göre basitten karmaşığa doğru analiz ediyor olacağız. Basit —No API Usage (Static Rendering) Basit — No API Usage (Client Side Rendering) Basitten Biraz Zor — Public API Usage But Not Authentication

React Projelerindeki bir diğer önemli konuda geliştirmeler konusunda nasıl branch yapılarının oluşturulacağı ve versiyonlamanın nasıl ilerleyeceği üzerine .. — Trunk Based Branching, Gitflow ve Feature Branching, geliştirme ekipleri tarafından kullanılan üç popüler Git dallanma modelidir; Trunk Based Branching: modelinde, tüm geliştirme için merkezi merkez olarak hizmet veren tek bir branch (genellikle trunk, master, main) vardır.

Frontend Ekosisteminde neler olduğu dışında bunları kimler yapıyor, veya kimler değişmesi konusunda etkili oluyor ile ilgili bir analiz yapayım dedim. — Aşağıdaki kişilerde eksik, eklemeyi unuttuğum kişiler olmuş olabilir, React Development bakış açısı ile bakmış olabilirim. Bunları zaman içerisinde güncelleyerek düzeltmeyi düşünüyorum. Şimdilik eksikleri önemsemeyin, zaman içerisinde tamamlanacak bir yazı olacak.

Yazılım Geliştirme ortamlarının iyileştirilmesi konusunda daha önceden 3 blog yazısı yazmıştım. Yazılım Geliştirme Ortamını İyileştirmek — 1: Bu blog yazısında Çift ekran çalışma, Keyboard Kullanımı, Not Tutma Yöntemleri, Kitap ve Eğitim İçeriklerinden bahsetmiştik. Yazılım Geliştirme Ortamını İyileştirmek — 2: Bu blog içerisinde donanımları ve yazılımları daha iyi nasıl kullanabileceğimizi VSCode…

Evet yapılabilir. Öncelikle Husky ve GitHub Actions nedir ? Bunları bir açıklayalım. — Husky: Repository’de Git Hook tanımlamalar yapıp ilgili taskların ve komutların çalıştırılmasını sağlayan araçtır. Git Hooks dediğimiz aslında git üzerinde yapılan işlemler sonrasında oluşan eventlere takılmış scriptler olarak düşünebilirsiniz. Git Commit gönderirken veya bunu Remote Repository push’larken bir takım çalışmasını istediğimiz otamatik görevlerin çalıştırılmasını bu scriptler aracılığı ile Husky üzerinden yönetmemize…

Kodların aynı formatta ve aynı şekilde görülmesi , kodun birbiri ile uyumu, kodun başkaları tarafından anlaşılabilirliğini arttırdığı için Kod Kalitesini otomatik olarak artı bir etkisi olur. — Bu konuda daha önceden bir yazı paylaşmıştım. Bu örnekte hazır Airbnb JavaScript Guideline direk faydalanmak şeklinde olmuştu. React Projelerinde ESLint ve Prettier Birlikte Kullanılması Peki biz Create React App üzerinden kendi kurallarımızı ekleyerek ilerlersek nasıl bir yol izleyeceğiz.

Kodların aynı formatta ve aynı şekilde görülmesi , kodun birbiri ile uyumu, kodun başkaları tarafından anlaşılabilirliğini arttırdığı için Kod Kalitesini otomatik olarak artı bir etkisi olur. — İlk yazıda Prettier üzerinden yapmış olduğumuz dokümanların düzenlenmesi konusunda bir blog yazısı paylaşmıştık. Ama o blog yazısında modul’de bulunan importların belli sıralarda dizilmesi konusuna değinmemiştik.

Kodların aynı formatta ve aynı şekilde görülmesi , kodun birbiri ile uyumu, kodun başkaları tarafından anlaşılabilirliğini arttırdığı için Kod Kalitesini otomatik olarak artı bir etkisi olur. — Bu konuda daha önceden; Prettier Kullanımı ESLint Nedir ? Blog yazılarını paylaşmıştık. Bu yazıda Prettier + ESLint Projelerimizde nasıl ortak şekilde kullanacağımız konusunda olacak. ESLint Plugin VSCode içerisinde Install ediyoruz.

Kodların aynı formatta ve aynı şekilde görülmesi , kodun birbiri ile uyumu, kodun başkaları tarafından anlaşılabilirliğini arttırdığı için Kod Kalitesini otomatik olarak artı bir etkisi olur. — Prettier, geliştiricilerin kodlarını standart ve tutarlı bir şekilde otomatik olarak biçimlendirmelerini sağlayan popüler bir kod biçimlendirme aracıdır. https://prettier.io/ web sayfasından bunun ile detaylıca bilgiye erişebilirsiniz. Burada basit anlamda kurulumundan ve kullanımından bahsediyor olacağım.