July 2022 Newsletter
New quarter, fresh starts (pun intended, check the first post in the news), the community and the world is getting heated. Literally…
Joke of the month:
I signed up for Binary 101, but then I failed it miserably.
I had no idea it was a Level 5 course! 🥁
Contents 📋
News & Explore
Heat waves, sea waves, release waves… Whichever you enjoy this summer is going pretty interesting. Here are some releases, articles prepared for you.
Deno Web
Deno has released their web framework similar to Next.js. It’s called “Fresh.”
Fresh 1.0 (opens in a new tab)
CSS is hard!
CSS is often hard when it comes to aligning texts, images, and more… Some practical help is here for you!
Defensive CSS (opens in a new tab)
Bun but not the hamburger bun…
Bun is a new JavaScript runtime like nodejs and deno. It’s faster than its similar runtimes.
State management
It seems like the community has a couple of posts about state management, and they are really deep explanations and comparisons.
Past, present, and future of React State Management (opens in a new tab) The new wave of React state management (opens in a new tab)
TODO Finder
Do you need to find all TODOs in your codebase and go through all of them? This extension is for you.
TODO Tree (opens in a new tab)
Breaking down 2700 lines of React Component
Refactoring and keeping things structured and clean is hard. So here’s an example of how that can be cleaned.
Refactor Large React Component (opens in a new tab)
Vite release
Vite bundling tool has released new major version of 3.0. What is has inside? Lower size bundle, faster bundling and more…
How much you can apply SOLID to React
SOLID principals are one of the main principals that in programming world. How much we can apply that to React.
SOLID to React (opens in a new tab)
Consistency of States
States are often underestimated things but they are accountable most parts of your application. Let’s see their state models.
The Cost of Consistency in UI Frameworks (opens in a new tab)
Vercel Build Output Api
Vercel has dropped new feature Build Output Api: a file system based that allows any framework to build for Vercel so you can take adventage of Vercel infrastructure.
Lee Robinson on Twitter (opens in a new tab) Announcing the Build Output API – Vercel (opens in a new tab)
Libraries
Prisma: has released major version. V4.0 is generally available with schema changes and Prisma Data Platform.
Upgrade Guide (opens in a new tab)
Radix UI: Low level ui component library has just released their 1.0
Nestjs: debugger on cli, configurable modules, and updated dependencies. Nestjs has release next major version 9.0.
Release Notes (opens in a new tab)
Mantine: Nextgen ui kit and modular packages. Has released their major 5.0 version.
Release Notes (opens in a new tab)
Challenge
Some string work needed this month from you.
Given a string that has a valid email address, write a function to hide the first part of the email (before the @ sign), minus the first and last character. For extra credit, add a flag to hide the second part after the @ sign to your function excluding the first character and the domain extension.
> hideEmail('email@something.com')
> 'e***l@something.com'
> hideEmail('ugur+something@something.com', hideFull)
> 'u**********c@s******.com'Yeni bir çeyrek, fresh başlangıçlar(espri içerir, yazıdaki ilk posta bakın), topluluk ve dünya giderek alevleniyor…
Ayın Şakası:
Binary 101 dersine yazıldım ve çok kötü bir şekilde kaldım.
Dersin 5ci seviye olduğundan haberim yoktu… 🥁
Contents 📋
Haberler & Keşif
Sıcak hava dalgaları, deniz dalgalar, release dalgaları. Hangisi ile daha çok eğleniyorsanız, bu yaz ilginç geçecek. Sizler için release’leri ve makaleleri derledim.
Sıcak hava dalgaları, deniz dalgalar, release dalgaları. Hangisi ile daha çok eğleniyorsanız, bu yaz ilginç geçecek. Sizler için release’leri ve makaleleri derledim.
Deno Web
Deno, Next.js benzeri yeni bir web framework’ü yayınladı. Adı ise “Fresh.”
Fresh 1.0 (opens in a new tab)
CSS is hard!
CSS, yazı hizalama, resimler ve daha fazlası için zor olabiliyor. Bazen pratik ipuçları size yardımcı olabilir.
Defensive CSS (opens in a new tab)
Bun but not the hamburger bun…
Bun yeni bir JavaScript runtime frameworkü, Nodejs ve Deno’ya benzer. Benzer frameworklerden daha hızlı.
State yönetimi
Görünüşe göre topluluk state yönetimi hakkında bir kaç post yazmış ve derinlemesine açıklamalar ve karşılaştırmalar içeriyor.
Past, present, and future of React State Management (opens in a new tab)
The new wave of React state management (opens in a new tab)
TODO Finder
Projenizdeki bütün TODO’ları bulup hepsinin üzerinden mı geçmeniz gerekiyor? Bu eklenti sizin için.
TODO Tree (opens in a new tab)
2700 Satırlık React Componentini Bölmek
Refactor, kodları düzgün bir yapıda ve temiz tutmak zor. Sizler için nasıl temiz tutabileceğinize dair bir örnek.
Refactor Large React Component (opens in a new tab)
Vite release
Vite uygulama paketleme paketi yeni büyük versiyonu 3.0’ı yayınladı. Neler mi var? Daha düşük boyutta paketler, hızlı paketleme ve dahası.
SOLID ne kadar React’a uygulanabilir?
SOLID prensipleri, yazılımda kullanılan ana prensiplerden biri. Bunu nasıl ve ne kadar React’a uygulayabiliriz.
SOLID to React (opens in a new tab)
State’lerdeki Tutarlılık.
State’ler çoğu zaman bir uygulamada ne kadar ufak görünsede aslında uygulamalardaki en önemli yapılardan biri. Bakalım bu state modelleri ne kadar tutarlı.
The Cost of Consistency in UI Frameworks (opens in a new tab)
Vercel Build Output Api
Vercel Build Output Api adı verdiği istediğiniz herhangi bir frameworku build etmek için kullanabiliceğiniz bir api yayınladı. Bu sayede Vercel’in bütün yapısından fayladalabiliceksiniz.
https://twitter.com/leeerob/status/1551368808404762624 (opens in a new tab)
https://vercel.com/blog/build-output-api (opens in a new tab)
Kütüphaneler
Prisma: ana versiyonunu güncelledi ve 4.0’ı yayına aldı. Schema değişiklikleri ve Prisma Data platformu yayınlandı.
Yükseltme Dökümanı (opens in a new tab)
Radix UI: açık kaynak UI kütüphanesi, 1.0 versiyonunu yayınladı.
Nestjs: cli’da debugger, ayarlanabilen modüller, ve güncelleştirilmiş bağımlılıklar.. Nestjs ana versiyonunu 9.0’a güncelleyerek yayına aldı.
Yayın Notları (opens in a new tab)
Mantine: Yeni jenerasyon UI kütüphanesi ve modüler paketleri barındıran Mantine ana versiyonunu 5.0a güncelleyerek yayına aldı.
Yayın Notları (opens in a new tab)
Meydan Okuma
Bu ay sizlerden stringle alakalı bazı işlemler yapmanızı isteyeceğim.
Verilen geçerli bir email adresi ve bu email adresinin ilk kısmını gizleyen, -ilk harf hariç- (@ işaretinden öncesini) bir fonksiyon yazmanızı istiyorum.
Bu ödeve ekstra zorluk eklemek isterseniz ekstra parametre ile fonksiyon email’in 2ci kısmınıda kapatmalı.-ilk karakter ve uzantılar hariç-
Örnek girdi ve çıktıları aşağıda bulabilirsiniz.
> hideEmail('email@something.com')
> 'e***l@something.com'
> hideEmail('ugur+something@something.com', hideFull)
> 'u**********c@s******.com'