Mehmet Köse

Mehmet Köse

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

Blogs

Web Nereye Gidiyor?

web mobile desktop electron deskgap electrino quark
Antalya’daki meetuplarımızda panpalarla laflarken son 5-6 senedir platformlar arası kıyaslamalar yaptığımız durumlarda yatırımı web’e yapmak gerektiği yönünde tartışmalara girdiğimi hatırlıyorum. Nitekim geldiğimiz nokta şu; henüz yolun başında olsa da WebAssembly denen şeyle büyük ve zorlu hesaplamaları derleyip tarayıcı içinde binary dosya çalıştırmak mümkün hale geldi. PWA yaygınlaştı. Windows 10’a kurulabilir hale geldi. Eğer manifest dosyası düzgün yapılandırılmışsa PWA’yı doğrudan mobil cihazların menülerine bir uygulamaymışcasına eklemek mümkün. Bu sene başında, PWA’ların doğrudan Play Store’da yayınlanabilir olacağı yönünde söylentiler arttı, doğrulandı, şöyle bir yazı var. 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...

Yazılımcılar için Hatırlaması Kolay Renk (HEX) Rehberi

hex frontend
Bu yazıyı doğrudan şu aşağıdaki blog postunu okuyup kendime not almak adına yazmaya karar verdim. Belki çeviri sayılmaz ama kaynak olarak eklemek gerekli. Dilerseniz linkten de devam edebilirsiniz. https://sendwithses.gitbook.io/helpdocs/random-stuff/easy-to-remember-color-guide-for-non-designers Bildiğimiz üzere HEX kodları 6 haneli olarak a,b,c,d,e,f harfleri ve 0,1,2,3,4,5,6,7,8,9 rakamlarından oluşuyor. Ve herhangi bir uygulama için bizim; Ana Tema Rengi Yazı Rengi Arkaplan, Kutular, Çizgiler… üzerinde kullanmak üzere renklere ihtiyacımız var. 1. Ana Tema Rengi Sadece c, f, 6, 9 karakterlerini ikili olarak kullandığımızda VIBGYOR (Violet, Indigo, Blue, Green, Yellow, Orange, Red) gök kuşağı renklerini elde edebiliyoruz. 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.js" ] }, "browserslist": [ . Read more...

Git ile commitlenmemiş değişiklikleri farklı branch'e almak

git branch
Gaza geldiniz, yazdınız, yazdınız, yazdınız… Hassiktir o da ne? Deneme maksadıyla girdiğiniz kodda başarılı bir şey yaptınız veya yeni bir şeye evrildi. Ayrı bir branch açıp bu konuyu orada devam ettirmek istiyorsunuz. Ama kodlar değişti bir kere. Bir yandan sürmesi gereken bir development var belki de, şu an bu yeni kodları tamamlamak için vakit ayıramayacağız. Zamanı geriye alıp yeni bir branch açamayacağımıza göre? git stash diyorsunuz önce. Bu, değişiklikleri ayrı bir yere alıp, master’ı en son commit’e götürecek. Read more...

Magnet Linkleri Nasıl Çalışır?

magnet bittorrent
Ulan hadi ben bu öğrendiklerimi unutmayayım diye yazıyorum bu yazıyı.. Sen niye o kadar kaynak varken gelip bunu okuyorsun? Ha doğru ya, dallamanın biri köyünden çıkıp gelip kaynak siteyi engellemiştir belki de. Ya şimdi bu magnet linkleri sihir gibi bişey. Torrent dosyasını yine bittorrent’le indirmeni sağlıyor. Oha tabi yaa! nasıl düşünemedik.. Şimdi şu link’e bak ama ahengine kapılma -> magnet:?xt=urn:btih:dc2e7bf4a273dc4b25ae96e833fd50be2b00e953&dn=The+Humble+Indie+Bundle+6+for+Windows+%2B+Soundtracks&tr=udp%3A%2F%2Ftracker.openbittorrent.com%3A80 magnet: — Şimdi bu magnet reyizin URI şeması. Yani akıllı olan tarayıcı şunu anlar, bu link bir magnet linkidir. Read more...
Previous Page 2 of 2