React JS - Netbilio Teknoloji

React’te Bir Butonu Devre Dışı Bırakmanın Yolları

Yorum bırakın / Genel, React JS / selami

React uygulamaları geliştirirken, kullanıcıların etkileşimlerini yönetmek önemlidir. Bu bağlamda, bazen bir butonu geçici olarak devre dışı bırakma ihtiyacı doğabilir. Örneğin, kullanıcının belirli bir koşulu karşılamadan bir işlemi gerçekleştirmesini engellemek veya verilerin yüklenmesi sırasında kullanıcının birden fazla kez tıklamasını önlemek gibi durumlar için butonları devre dışı bırakmak faydalı olabilir. Bu yazıda, React uygulamalarında bir butonun nasıl […]

React’te Bir Butonu Devre Dışı Bırakmanın Yolları Read More »

React Axios Nedir? Temel Bilgiler ve Örneklerle Kullanımı

Yorum bırakın / Genel, React JS / selami

Giriş Herkesin aşina olduğu gibi, günümüzün modern web uygulamaları ve siteleri, kullanıcıların dinamik içeriklere hızlı bir şekilde erişimini sağlayan API’larla entegre olmuştur. React uygulamalarınızda bu tür API isteklerini yapmak için “axios” gibi bir JavaScript kitaplığı kullanmak oldukça yaygın bir uygulamadır. Bu yazıda, React ile axios kullanarak API isteklerinin nasıl yönetileceğini ve bu süreci optimize etmenin

React Axios Nedir? Temel Bilgiler ve Örneklerle Kullanımı Read More »

React Component Oluşturma: Fonksiyonel ve Class Bileşenler Rehberi

Yorum bırakın / Genel, React JS / selami

React’ta Bileşen Oluşturmanın Temelleri Web geliştirmenin dinamik ve interaktif dünyasında, modern araçlar ve kütüphaneler sürekli olarak evriliyor. Bunlardan biri olan React.js, Facebook tarafından geliştirilen, kullanıcı arayüzü oluşturmak için kullanılan bir JavaScript kütüphanesidir. Ancak React’ın başlangıcında, yeni başlayanlar için bazı konseptler karmaşık gelebilir. Özellikle “bileşen” kavramı, React’ın temel taşıdır ve doğru şekilde kavrandığında, React’ta geliştirme yapmak

React Component Oluşturma: Fonksiyonel ve Class Bileşenler Rehberi Read More »

React Native Nedir? Nerelerde Kullanılır? İşte Temel Bilgiler

Yorum bırakın / Genel, React JS, React Native / selami

Giriş Günümüzde mobil uygulama geliştirmek, iş dünyasında ve kişisel projelerde önemli bir yere sahiptir. Mobil uygulamalar, kullanıcıların akıllı telefonları üzerinden hızlı ve kullanıcı dostu deneyimler yaşamalarını sağlar. Ancak, farklı platformlara (iOS ve Android) uyumlu uygulamalar geliştirmek karmaşık ve maliyetli bir süreç olabilir. İşte bu noktada React Native devreye girer ve mobil uygulama geliştirme sürecini önemli

React Native Nedir? Nerelerde Kullanılır? İşte Temel Bilgiler Read More »

Next.js Nedir? Geliştiriciler İçin Temel Bilgiler

Yorum bırakın / Genel, Next JS, React JS / selami

Giriş Web geliştirme dünyası her geçen gün yeniliklerle dolu bir alandır. Yeni teknolojiler ve çerçeveler, web uygulamalarının geliştirilmesini daha hızlı ve verimli hale getirirken, kullanıcı deneyimini ön plana çıkarmaktadır. İşte bu bağlamda, Next.js adını sıkça duymuş olabilirsiniz. Next.js, son yılların en popüler web geliştirme çerçevelerinden biri haline gelmiştir. Peki, Next.js nedir ve neden bu kadar

Next.js Nedir? Geliştiriciler İçin Temel Bilgiler Read More »

React Component Nedir? Kullanımı Nasıldır? Başlangıç Rehberi

Yorum bırakın / Genel, React JS / selami

Günümüz web uygulama geliştirme dünyasında, React neredeyse her yerde. Peki, bu popülerliğin arkasındaki temel yapı taşlarından biri olan “React Component” tam olarak nedir? Eğer bu soruya cevap arıyorsanız, doğru yerdesiniz! Bu rehberde, React Component kavramını baştan sona ele alacağız. Componentlerin React’taki rolünden, nasıl oluşturulup kullanılacağına kadar her şeyi adım adım öğreneceksiniz. Hem yeni başlayanlar için

React Component Nedir? Kullanımı Nasıldır? Başlangıç Rehberi Read More »

React Hooks Nedir ve Nasıl Kullanılır? Başlangıç Rehberi

Yorum bırakın / Genel, React JS / selami

Giriş React, front-end geliştirme dünyasında devrim yaratan bir kütüphanedir. Geleneksel yaklaşımlardan farklı olarak, kullanıcı arayüzü geliştirmede bambaşka bir paradigma sunmuştur. Ancak, her teknolojide olduğu gibi React’ta da geliştiricilerin karşılaştığı bazı zorluklar bulunmaktadır. Özellikle sınıf bileşenleri ve yaşam döngüsü yöntemleri, başlangıçta birçok geliştirici için karmaşık gelebilir. İşte tam bu noktada React Hooks devreye giriyor! Bu yazıda,

React Hooks Nedir ve Nasıl Kullanılır? Başlangıç Rehberi Read More »

React’te Child’tan Parent’a State Güncelleme: Lifting State Up ve Callback Fonksiyonları

Yorum bırakın / Genel, React JS / selami

React, komponent tabanlı bir kütüphanedir ve bu komponentlerin birbiriyle veri paylaşması sıkça rastlanan bir durumdur. Ancak, çoğu zaman child komponent üzerinden parent komponentin state‘ini güncellememiz gerekebilir. Bu yazıda, bu sürecin nasıl yürütüleceğini detaylı örneklerle açıklıyoruz. Temel Konsept: Lifting State Up İhtiyacınızı temel olarak karşılayacak olan çözüm, “Lifting State Up” kavramıdır. Bu kavram, React uygulamalarında yaygın

React’te Child’tan Parent’a State Güncelleme: Lifting State Up ve Callback Fonksiyonları Read More »

React JS ile select elemanının kullanımı

React JS ile Verimli Bir Şekilde Select Element Kullanımı

Yorum bırakın / Genel, React JS / selami

HTML select elemanı, web formularında sıklıkla karşımıza çıkan, kullanıcının bir dizi seçenek arasından tercih yapmasını sağlayan bir form elemanıdır. Çok basit bir etiketten çok daha fazlasını temsil eder; dropdown menüler, çoklu seçenek listeleri, dinamik içerik yükleme gibi birçok özellik ve kullanım senaryosu vardır. Ancak bu esneklik, kullanımı karmaşık hale getirebilir. React JS’de select elemanını nasıl

React JS ile Verimli Bir Şekilde Select Element Kullanımı Read More »

React İle Fetch Api Kullanma

Yorum bırakın / Genel, React JS / selami

React ile uygulama geliştirirken çoğu zaman APIler üzerinden veri alıp kullanıyoruz. Bunun için APIler istek atmak ve sonuçlarını alarak işlemek gerekmektedir. Bunun için farklı kütüphaneler olsa da Javascript Fetch Api ek bir kütüphaneye ihtiyaç duymadan kullanabileceğimiz bir arayüzdür. Kullanımı kolay olması ve hataları da yakalayabilmesi nedeni ile tercih edilebilir. React Fetch Api Nedir? Fetch Api Javascript ile

React İle Fetch Api Kullanma Read More »

React Public Klasörü

Yorum bırakın / Genel, React JS / selami

Uygulama geliştirenler için kolaylıklar sağlayacak bir dizi özellik React ile birlikte gelmektedir. Özellikle create-react-app ile bir uygulama oluşturduğunuzda public klasör desteği ile gelir. Şimdi public klasörü nedir ve neden önemlidir inceleyelim. React Public Klasörü Nedir? Uygulama üzerinden ulaşılabilecek html, css, resim, javascript gibi dosyaların tutulduğu bir klasördür. React uygulamasının ana çatısı olan index.html de bu klasörde tutulur. React son tahlilde bir

React Public Klasörü Read More »

React Zemin (Background) Resmi Nasıl Eklenir?

Yorum bırakın / Genel, React JS / selami

Web tasarımı yaparken sıklıkla kullandığımız zeminlere resim eklem işlemini React JS ile de yapabiliriz. Bunun için farklı yollar bulunmaktadır. Bu yazımızda zemin rengi eklemenin farklı yollarını inceleyeceğiz. Bir Urlden Zemin Resmi Ekleme İlk olarak bir websayfasında olan bir resimi React uygulamasında zemin resmi olarak kullanmayı görelim. Bu şekilde farklı bir adres üzerindeki resimi zemin resmi

React Zemin (Background) Resmi Nasıl Eklenir? Read More »

React Öğrenmek Zor Mu?

Yorum bırakın / Genel, React JS / selami

sReact kullanmayanların en çok merak ettikleri konulardan bir tanesi de React öğrenmenin zorluk seviyesidir. Aslında zorluk göreceli bir kavramdır. Yinede React JS zor mu? Yada kolay mı? sorularına verilecek bir cevap olmalıdır. Öncelikle eğer React ile ilgili genel bir bilgi almak istiyorsanız React JS Nedir ve Neden Çok Popüler Bir JavaScript Kütüphanesidir? yazımızı inceleyebilirsiniz. Şimdi

React Öğrenmek Zor Mu? Read More »

React Liste Oluşturma

Yorum bırakın / Genel, React JS / selami

React ile liste oluşturmak için farklı seçenekler bulunur. Bunlar arasında bilenen Html listeleme etiketleri (ul, ol) olduğu gibi farklı olarak DIV etiketi ile de bir liste oluşturulabilir.. Html Etiketleri İle Sabit Bir Liste Oluşturma Bu yöntem Html ile oluşturulan listeleme ile aynı şeklidedir. Yapılması gereken hangi liste türünün seçileceğine karar vermek ve sonrasında listeyi oluşturmaktır.

React Liste Oluşturma Read More »

React Sayfalar Arası Geçiş Nasıl Yapılır?

Yorum bırakın / Genel, React JS / selami

React sayfalar arası geçiş için farklı route paketleri kullanır. Bunlardan en çok tercih edileni React Router Dom paketidir. Normal websiteleri sayfalar arasında A Etiketini kullanarak geçiş yaparlar. Tek sayfa uygulamalarda bu istenmeyen bir durumdur. Çünkü A etiketi kullanıldığında sayfa yeniden yüklenir. Bu nedenle farklı sayfalar arasında geçiş yapılmasını ve bu işlem süresince sayfanın yeniden yüklenmesini önlemek

React Sayfalar Arası Geçiş Nasıl Yapılır? Read More »