April 2023 Newsletter
Contents 📋
Summer is on the way, and so is AI. More tools are getting out everyday. I'd like to highlight of the last months help from Göktuğ Sevgil (opens in a new tab): he created the pr for March Newsletter translation to Turkish.
News & Explore
LangChain
While all the AI tools are being developed, you might be wondering how people are able to do these that easy. We found the framework they are using for you.
JavaScript Version (opens in a new tab)
Original Python Version (opens in a new tab)
Web Workers
We all did some heavy stuff on our client-side JavaScript. But this blocks the main thread of the JavaScript. So to prevent that if there's anything heavy you need to do use Web Workers and we have example for you. Web Workers (opens in a new tab)
Why React Renders?
If you are confused or if you are a visual learner here is how you can get better understanding on React Rendering.
Why React Renders (opens in a new tab)
PostgreSQL Slip Ups
When working with PostgreSQL some of the functionalities might be overused or underutilized. Here's 9 of those for you to improve your PostgreSQL skills.
Thinking twice when installing package!
NPM packages that we install everyday might be Evil! There are various way any NPM package can be evil and hurt you. Before you install next NPM package read this.
Think Twice (opens in a new tab)
Node.js 20 is available!
Node.js has grown alot over the years and it feels like Node.js 10 was released a week ago. And now with Node.js 20 you can have executable outputs, and it has it's own test runner 🎉!
Node.js 20 (opens in a new tab)
Optimize your resource loading
When your application is loading multiple scripts, or even landing page loading google analytics and hubspot. These 3rd party scripts can have big effect on your page load. BUT you can optimize that by using "fetch-priority".
Fetch Priority (opens in a new tab)
Read & Watch
Draw The Box Smaller (opens in a new tab) 📚
Secure your Nextjs 13 Application (opens in a new tab) 📚
Two types of Software Engineers (opens in a new tab) 📚
Your Framework is Fine (opens in a new tab) 📺
Challenge
Let's see how your JavaScript reading skills are. Imagine you are reviewing a PR that has the following code. Can you spot the error?
function calculateAverage(arr) {
let sum = 0;
let count = 0;
for (let i = 0; i < arr.length; i++) {
if (arr[i] && typeof arr[i] === "number") {
sum += arr[i];
count++;
}
}
return sum / count;
}İçindekiler 📋
Yaz kapıda ve yapay zeka'da tam yanında. Her gün daha fazla yapay zeka aracı ortaya çıkmaya devam ediyor. Devam etmeden önce geçen Mart ayının Bülteni'nin Türkçe çevirisi pr'ını hazırlayan Göktuğ Sevgil (opens in a new tab)'e teşekkür etmek istiyorum.
Haberler & Keşfet
LangChain
Yapay zeka araçları geliştirilmeye devam ederken, insanların bu araçları nasıl bu kadar kolay yapabildiğini merak ediyor olabilirsiniz. İşte kullandıkları framework'ü sizin için bulduk.
JavaScript Versiyonu (opens in a new tab)
Orjinal Python Versiyonu (opens in a new tab)
Web Workers
Tüm ağır JavaScript işlerini istemci tarafında yaptık. Ancak bu JavaScript'in ana thread'ini bloke ediyor. Bu yüzden eğer yapmanız gereken ağır bir JS işi varsa Web Worker kullanabilirsiniz. İşte size bir örnek.
Web Workers (opens in a new tab)
React neden render olur?
Eğer React Renderları konusunda kafanız karışıksa veya görsel yollarla öğrenenlerdenseniz, React Renderları hakkında daha iyi bir fikir edinebilmek için bu makaleyi okuyabilirsiniz.
React Renderları neden olur? (opens in a new tab)
PostgreSQL Hataları
PostgreSQL ile çalışırken bazı işlevleri aşırı veya yetersiz kullanmış olabilirsiniz. İşte PostgreSQL becerilerinizi geliştirmeniz için 9 farklı başlık.
Paket kurarken iki defa düşünün!
Hergün kurduğunuz NPM paketleri sizin için sorun çıkartabilir! Herhangi bir NPM paketi çeşitli yollarla siz ve bilgisayarınız için kötü olabilir ve zarar verebilir. Bir sonraki NPM paketini kurmadan önce bunu okuyun.
İki Kere Düşün! (opens in a new tab)
Node.js 20 geldi!
Node.js yıllar içinde çok gelişti ve sanki Node.js 10 sadece bir hafta önce piyasaya sürülmüş gibi hissediyoruz. Ve şimdi Node.js 20 ile yürütülebilir çıktılara sahip olabilir ve kendi test çalıştırıcınıza sahip olabilirsiniz 🎉!
Node.js 20 (opens in a new tab)
Kaynak yükleme işlemlerinizi optimize edin
Uygulamanız birden fazla script yüklerken hatta google analytics ve hubspot yüklerken, 3. parti scriptler sayfa yüklemeniz üzerinde büyük etkiye sahip olabilirler. AMA "fetch-priority" kullanarak bunları optimize edebilirsiniz.
Fetch Priority (opens in a new tab)
Oku & İzle
Kutuyu küçük çizin! (opens in a new tab) 📚
Next JS 13 uygulamanızı güvenli hale getirin. (opens in a new tab) 📚
Yazılım Mühendislerinin iki tipi (opens in a new tab) 📚
Kullandığınız framework gayet iyi (opens in a new tab) 📺
Meydan Okuma
Hadi JavaScript okuma becerilerinizi görelim. Aşağıdaki kodu içeren bir PR'yi gözden geçirdiğinizi hayal edin. Hatanın nerede olduğunu bulabilir misiniz?
function calculateAverage(arr) {
let sum = 0;
let count = 0;
for (let i = 0; i < arr.length; i++) {
if (arr[i] && typeof arr[i] === "number") {
sum += arr[i];
count++;
}
}
return sum / count;
}