Mehmet Köse

Building blazing fast applications. Loves everything new around the Web.

React

React Projelerinde Otomatik Dökümantasyon Üretmek

react doc
Gelin size bu aralar uğraştığım bir şeyden bahsedeyim. Dökümantasyon. Evet, aslında biraz sıkıcı bir konu olabilir, ama gerçekten yazdığınız componentlar tricky şeyler içeriyorsa, bir zaman sonra geri gelip anlamaya çalıştığınızda zorluklarla karşılaşacağınız neredeyse kesin. Neyse döküman önemli, ama nasıl tutsak. Business tarafı sizden döküman istiyor ve bunu 3. parti bir uygulamada tutmak istiyorsa? Kod sürekli değişiyor muhterem. Sürekli gidip bir yerdeki dökümanı güncelliyor olmak zor. Velhasılı aynı durum için ben dökümanı reponun içine koymaya karar verdim. Read more...

React Context ilk izlenimlerim

react prop drilling frontend context redux flux jsx
Son birkaç senede kendimce geliştirdiğim React ve Preact uygulamalar ve Freelance olarak yaptığım appler büyük boyutlara ulaşmadığı için state management konusunda external bir çözüm kullanma ihtiyacı hissetmemiş, prop-drilling‘den şaşmamıştım. Şöyle bir bakayım diye okumaya başladığım Redux, Flux konularına da o an ihtiyacım olmadığı için devam etmedim. Velhasılı, araya askerlik de girdi, döndüğümde ortaya Context çıkmıştı. Yeni başladığım işte de madem böyle bir şey var deneyelim diyerek state management ihtiyacını Context ile çözmeye giriştim. Read more...

Jest create-react-app default setup dosyası

react jest test
Kullandığım bazı componentlar için test yazarken Jest ağlamaya başlayınca düştüm yollara çözüm aramaya başladım. Hatta hatayı da yazayım da google’da dolaşan panpalar da gelsin; matchMedia not present, legacy browsers require a polyfill tamam sorunun çözümü ile alakalı konulara internetten ulaşabilirsiniz ama ola ki yönlendirdikleri üzere Jest’i configure etmek üzere setupFile yaratmaya ve package.json’a eklemeye çalışırsanız bu sefer de react-scripts’in ağladığını göreceksiniz. "devDependencies": { ... }, "jest": { "setupFiles": [ "setupTests. Read more...
1 of 1