İdeal bir sayfa deneyiminde sayfanın kısa süre içerisinde açılmasını bekleriz. Sayfa içeriğinden dolayı bu süre uzayabilir ve kullanıcı tarafında sayfanın geç yüklenmesine sebep olur. Bu durum kullanıcının sayfada geçirdiği sürenin azalmasına ve potansiyel kullanıcı kaybınada sebep olmaktadır.

Web Vitals & Performans

Önceleri Monolith halde geliştirilen uygulamalar, sonrasında Microservice’lere bölünerek küçük parçalar halinde tasarlanmaya başladı. Her bir microservis bir container olarak paketlendi ve kubernetes gibi orchestration toolarının gelişip kullanılmasını hızlandırdı.

Kubernetes Notlarım (1) - Kubernetes 101

Docker Compose Nedir? Nasıl kullanılır?

Docker Notlarım (5) 🐬

Dockerfile oluşturarak React uygulamamızı Docker ile ayağa kaldırabiliriz. Bu yazımda daha önce webpack ile sıfırdan oluşturduğum React uygulamasını kullanacağım.

React uygulamasına Dockerfile eklenmesi 💫

Layer structure: her bir adım ayrı bir layerdır.

Docker Notlarım (4) 🐬

Docker Notlarım (3) 🐬

Taglar imagelerin farklılaşmasını sağlamaktadır.

Docker Notlarım (2) 🐬

Docker, developerlar ve sistemciler için geliştirilen açık kaynaklı bir sanallaştırma platformudur.

Docker Notlarım (1) 🐬

Redux Toolkit ile Redux da geliştirme yaparken karşılaşılan karmaşıklık ve zorluk azaldı. Redux ile çalışırken kullandığımız paketler redux toolkit içerisinde gelmektedir. Örnek: Async işlemler için redux-thunk, Immutable state yönetimi için immerjs

React Projesine Redux Toolkit ekleyelim ⚛️

React 18 ile geliştirme ortamının oluşturulmasını adım adım açıklayacağım. Create React App ile kolaylıkla bir proje oluşturabiliriz ama bu yazımda kendi Node.js projemizi oluşturup, gerekli npm paketlerini kurarak ilerleyeceğim. Create React App bize Node.js projesi oluşturup, npm paketlerini kurup Web Server üzerinde projenin çalışmasını sağlıyor.

React 18 Webpack ile Proje Oluşturma 🤩

Selam! 😊  Bu yazımda yeni keşfettiğim Gradio değineceğim. Gradio’nın kendi sitesinde tam olarak şöyle tanımlanıyor: “Gradio is the fastest way to demo your machine learning model with a friendly web interface so that anyone can use it, anywhere! “ 

Gradio nedir? ML modeller ile farklı projeler yapabiliriz! 💖 

Bu blog yazısında Kasım ayında Beta sürümü yayınlanan React 18‘in özelliklerine değineceğim :)

React 18 ile Gelen Yeni Özellikler

Statik tür tanımları ekleyerek JS temel alan bir dildir.

TypeScript Notlarım

Remote Dictionary Service kelimelerinin kısaltmasıdır. C ile yazılmıştır. Çıkış noktası hızdır. Key:value şeklinde tasarlanmış bir NoSQL türünde veri tabanıdır.

Redis Notlarım

NextJS React için geliştirilmiş bir frameworktür.

Selam!

Ben Elif, İstanbul'da yaşayan bir yazılımcıyım.

Son Yazılar

Web Vitals & Performans

Kubernetes Notlarım (1) - Kubernetes 101

Docker Notlarım (5) 🐬

React uygulamasına Dockerfile eklenmesi 💫

Docker Notlarım (4) 🐬