neden kullanılır arşivleri - Murat Bilginer

Next.js 14 Tutorial 4 – Client Side Rendering Kavramını Anlamak

Murat Bilginer — Thu, 30 Nov 2023 11:29:23 +0000

Merhabalar. Bu yazımda Client Side Rendering nedir buna bakalım istiyorum. Client Side Rendering (CSR), web uygulamalarının kullanıcı cihazında, yani tarayıcıda, dinamik olarak içerik oluşturduğu bir tekniktir. Bu yöntem, web sayfalarının sunucu tarafında değil, istemci tarafında, yani kullanıcının tarayıcısında çalışan JavaScript kodu aracılığıyla oluşturulmasını içerir. CSR, kullanıcı deneyimini geliştirmek ve daha etkileşimli web uygulamaları sunmak için...

The post Next.js 14 Tutorial 4 – Client Side Rendering Kavramını Anlamak appeared first on Murat Bilginer.

Redux with React 2023 1 – Redux Nedir?

Murat Bilginer — Sun, 19 Nov 2023 10:01:17 +0000

Merhabalar. Bu yazımla beraber Redux konusuna giriş yapıyoruz. Redux, JavaScript tabanlı uygulamalarda durum yönetimi için kullanılan bir kütüphanedir. Özellikle React gibi kullanıcı arayüzü kitaplıkları ile sıkça bir arada kullanılır. Redux, uygulama durumunu merkezi bir depoda (store) saklayarak, bu duruma tek bir noktadan erişim ve yönetim sağlar. Bu, uygulamanın karmaşık durumlarını daha iyi yönetmek ve güncellemek...

The post Redux with React 2023 1 – Redux Nedir? appeared first on Murat Bilginer.

React Tutorial 2023 56 – Optimizasyon Teknikleri 3 – useMemo Hook’u

Murat Bilginer — Fri, 17 Nov 2023 07:19:08 +0000

Merhabalar. Optimizasyon tekniklerimizi incelemeye bu yazımda da devam ediyorum. Bu yazımızın konusu useMemo Hook’u. useMemo hook’u, React’ta performans optimizasyonu için kullanılan bir kancadır. Bu hook, belirli bir hesaplama veya işlemin sadece bağlı olduğu bağımlılıklar değiştiğinde yeniden hesaplanmasını sağlar. useMemo Hook’unun Avantajları Performansı artırır: Pahalı hesaplamaların sonuçlarını önbelleğe alarak, React uygulamanızın performansını önemli ölçüde artırabilirsiniz. Bu, büyük...

The post React Tutorial 2023 56 – Optimizasyon Teknikleri 3 – useMemo Hook’u appeared first on Murat Bilginer.

React Tutorial 2023 49 – useContext Hook’u 3 – Context API Nedir?

Murat Bilginer — Thu, 16 Nov 2023 15:19:23 +0000

Merhabalar. useContext Hook’unun kullanımına geçmeden önce son bir kavram kaldı o da Context API mantığını anlamak. React Context API, React uygulamalarında veri paylaşımını kolaylaştıran bir kavramdır. Bu API, bir bileşen ağacı içinde paylaşılan verilere erişimi sağlar, böylece verileri props (özellikler) aracılığıyla bir bileşenden diğerine iletmek zorunda kalmazsınız. React uygulamalarında, genellikle verileri bir üst bileşenden diğer...

The post React Tutorial 2023 49 – useContext Hook’u 3 – Context API Nedir? appeared first on Murat Bilginer.

React Tutorial 2023 41 – useEffect Hook’u 1 – Kavramsal Olarak Side Effect

Murat Bilginer — Wed, 15 Nov 2023 22:36:14 +0000

Merhabalar. Bu yazımda yeni bir hook’a giriş yapıyoruz. Ancak useEffect Hook’una geçmeden önce kavramsal açıdan Side Effect kavramını ele almak istedim. “Side effect” bir fonksiyon veya ifade tarafından gerçekleştirilen, dış dünyada değişikliklere neden olan herhangi bir etkiyi ifade eder. Bu değişiklikler, genellikle fonksiyonun kendi içindeki hesaplamaların dışında, programın durumu üzerinde etkiler yaratır. React bağlamında, “side...

The post React Tutorial 2023 41 – useEffect Hook’u 1 – Kavramsal Olarak Side Effect appeared first on Murat Bilginer.

Tailwind CSS 2023 5 – PostCSS Nedir?

Murat Bilginer — Wed, 15 Nov 2023 02:08:18 +0000

Merhabalar. Bu yazımda PostCSS konusundan bahsedeceğim. PostCSS, CSS kodunuzu JavaScript eklentileri kullanarak dönüştüren bir Node.js aracıdır. CSS kodunuzu bir soyut sözdizim ağacına (abstract syntax tree, AST) dönüştürür ve ardından API (uygulama programlama arayüzü) üzerinden bu ağacı analiz etmek ve JavaScript eklentileriyle değiştirmek için bir yol sağlar. PostCSS’in temel avantajlarından biri, CSS kodunuz üzerinde daha fazla...

The post Tailwind CSS 2023 5 – PostCSS Nedir? appeared first on Murat Bilginer.

Tailwind CSS 2023 2 – Tailwind CSS Nedir?

Murat Bilginer — Tue, 14 Nov 2023 13:02:20 +0000

Merhabalar. Bu yazımda Tailwind CSS nedir sorusuna cevap arıyor olacağız. Tailwind CSS, CSS (Cascading Style Sheets) tabanlı bir utility-first (özellik öncelikli) bir framework olup, önceden tanımlanmış sınıflar sunarak web sayfalarınızı doğrudan Html içinde oluşturmanıza ve tasarlamanıza olanak sağlar. Utilty First Yaklaşımı Utility-first yaklaşımı, CSS sınıflarının belirli CSS özelliklerini temsil etmesi ve bu sınıfların HTML’de birleştirilerek...

The post Tailwind CSS 2023 2 – Tailwind CSS Nedir? appeared first on Murat Bilginer.

React Tutorial 2023 33 – Two-Way Binding Olayı

Murat Bilginer — Mon, 13 Nov 2023 16:53:43 +0000

Önemli: Diğer yazılarımla direkt bağlantılı bir yazıdır. İlk olarak bu yazıdan okumaya başladıysanız, eğitim serisine kısaca bir göz atmanızı tavsiye ederim. Merhabalar. Bir yazımda React’te Two-Way Binding olayını inceleyeceğiz. Bir önceki yazımdan hatırlayacağınız üzere Calculator uygulamamız vardı. Bu konuyu yine Calculator üzerinden sizlere anlatmaya çalışacağım. Biz ekranda sayılar girip bir işlem yaptırdığımızda, onSubmit olayında preventDefault()...

The post React Tutorial 2023 33 – Two-Way Binding Olayı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 33 !important Kavramı

Murat Bilginer — Sun, 18 Sep 2022 06:24:34 +0000

Merhabalar, bu yazımda !important kavramına bakacağız. !important; uygulanan bir stili öncelikli duruma getirmek için kullanabileceğimiz bir önem derecesini ifade eder. Web sitelerini tasarlarken kendi CSS kodlarımız özensiz ve hızlı iş bitirme endişesinden dolayı kendini tekrar eden bir hale gelebiliyor. Bu durumda aynı html öğesini ya da aynı sınıf elemanı birden çok kere seçmiş olabiliyoruz. Ve bazı durumlarda CSS kodlarımız çakışabiliyor...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 33 !important Kavramı appeared first on Murat Bilginer.

IT Notions 3 CDN Nedir? Neden Kullanılır? Ücretsiz CDN Hizmeti Sağlayan Firmalar

Murat Bilginer — Wed, 14 Sep 2022 18:51:38 +0000

Merhabalar bu yazımda IT Kavramları arasında ele alıp üzerine fikirlerimi paylaşmak istediğim konu CDN olacak. Şimdi bir web projesi geliştirdiğinizi düşünün. Bunu canlı ortama aldınız ve bir sunucu üzerinden internet erişimi olan herkesin kullanımına açtınız diyelim. Bir web sayfası nasıl servis edilir sorusunun cevabı için aşağıdaki yazıma göz atabilirsiniz. Bir web projesi klasörü içinde servis...

The post IT Notions 3 CDN Nedir? Neden Kullanılır? Ücretsiz CDN Hizmeti Sağlayan Firmalar appeared first on Murat Bilginer.