react js

React Native Nedir

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

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

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?

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

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

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 kullanımı

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

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

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 öğrenmek zor mu?

React Öğrenmek Zor Mu?

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

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 JS Font Ekleme / İmport İşlemleri

React JS Font Ekleme / İmport Nasıl Yapılır?

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

Tasarımlarımızda farklı fontlar kullanıyoruz. Fakat tarayıcılar ile gelen ön tanımlı fontlar sınırlı sayıda. Bu durumda sayfamızı tasarlarken font eklemek (import) zorunda kalabiliriz. React Js ile font import etmek için farklı yöntemler bulunmakta. İhtiyacımız olan yöntemi seçerek React uygulamamıza istediğimiz fonut ekleyebiliriz. React Font İmport Eğer font dosyalarını proje klasörüne yüklediyseniz, bu yöntem ile uygulamanıza ekleyebilirsiniz.

React JS Font Ekleme / İmport Nasıl Yapılır? Read More »

React OnClik İle Çağrılan Fonksiyon Neden Sürekli Çalışıyor?

React onClick İle Çağrılan Fonksiyon Neden Sürekli Çalışıyor?

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

React onClick kullanıldığında yapılan bir hata sonucu komponent her render edildinde sanki butona tıklanmış gibi bir davranışın sergilenmesi sıkça karşılaşılaşılan bir durumdur. Özellikle bu konuda yeni olan geliştiriciler bu hatayı yapma eğilimindedirler. İki farklı kod yapısını inceleyelim. İlk butonda bir fonksiyona referans veriyoruz. Bu şekilde davrandığımızda ilk anda bir işlem gerçeleşmiyor bunun yerine buton tıklandığında

React onClick İle Çağrılan Fonksiyon Neden Sürekli Çalışıyor? Read More »

React JS Yorum Satırı Ekleme

React JS İçerisine Yorum Satırı Nasıl Eklenir?

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

React JS ile uygulama geliştirirken farklı alanlar içerisinde yorum satırkları eklemek gerekli olabilir. Yorumlar kodun okunması açısından önemlidir. ReactJS içerisinde farklı alanlarda farklı şekillerde yorum eklemek mümkündür. Şimdi bu alanları ve nasıl yorum satırı ekleyeceğimizi görelim. React Kompenentinin Dışarısındaki Alana Yorum Satırı Ekleme React JS ile geliştirdiğimiz komponentler sonuç olarak bir JavaScript dosyasıdır ve .js uzantılı olarak

React JS İçerisine Yorum Satırı Nasıl Eklenir? Read More »

React Performasn Optimizasyonu

React Performans Optimizasyonu

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

React ile uygulama geliştirmek oldukça kolaydır, ayrıca bir UI uygulamaları yazmak için geliştirdiği için arayüz performansı oldukça iyidir. Bununla birlikte uygulamalar geliştikçe performans kaybı yaşadıkları gibi, yanlış kodlamanın da performans kaybına neden olduğu biliyoruz. Eğer React performans optimizasyonu ile ilgileniyorsak farklı bakış açılarına sahip olmak gerekecektir. Ne demek istiyorum, kodlama açısında, derleme açısından, uygulamanın yüklenmesi

React Performans Optimizasyonu Read More »

React JS vs Bootstrap

Hangisi Daha İyi React JS mi Bootstrap mı?

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

Bu sorunun cevabını vermeden önce hem React ve hemde Bootstrap hakkında kısa bir bilgi vermek gerekiyor. Sonrasında cevap kendiliğinden ortaya çıkacaktır. İlk olrak ReactJS’yi inceleyelim React JS Nedir? React JS kullanıcı arayüzleri geliştirmek için tasarlanmış bir JavaScript UI kütüphanesidir. JavaScript ile kullanıcı arayüzleri oluşturmak için kullanılır. HTML, CSS ve JavaScript kodları kullanılarak web sayfası, tek

Hangisi Daha İyi React JS mi Bootstrap mı? Read More »

Express JS

Express JS Nedir?

Yorum bırakın / Express JS, Genel, JavaScript /

Express.js, NodeJS üzerinde geliştirilmiş, web uygulamaları oluşturmak için hızlı ve minimalist bir web çatısıdır. Tekli veya çoklu sayfa içeren websiteleri veya API uygulamaları geliştirmek için idealdir. Sunucu uygulamaları geliştirmeyi çok kolaylaştırır. Node JS http modülü üzerine kurulmuştur. Middleware (orta katman) kullanım desteğine sahiptir. Sunucu tabanlı web uygulamaları geliştirirken bir çok işlemi oldukça kolaylaştırır. Mesela sayfa yapısı (routing), arayüz

Express JS Nedir? Read More »

React İle Backend Geliştirilebilir Mi?

React İle Backend Uygulama Geliştirilebilir Mi?

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

React JS arayüz (frontend) uygulama oluşturmak için geliştirilmiş popüler bir JavaScript kütüphanesidir. Backend (sunucu tarafı) uygulama geliştirmek için kullanılmaz. Fakat sunucu ile API üzerinden iletişime geçerek veri alışverişinde bulunabilir. Günümüzde oldukça revaçta olan React JS ile uygulama arayüzü geliştirme oldukça kolaylaşmaktadır. Komponent yapısı, gelişmiş hazır paketler ve geniş geliştirici seçeneği ile arayüz geliştirmek için oldukça

React İle Backend Uygulama Geliştirilebilir Mi? Read More »

React Router Örnek Uygulama

React Router Dom Outlet Adım Adım Örnek Uygulama

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

React router kullanımını pekiştirmek için adım adım bir uygulama geliştirdik. Uygulamamız anasafa (home) ve kullanıcılar (users) sayfasını içermektedir. Bu uygulamamızda iç içe route işlemini göstermek için kullanıcılar sayfası içerisinde istediğimiz bir kullanıcının bilgilerini gösteriyoruz. Bunun için useParams hooku ve Outlet komponentinin nasıl kullanıldığını da inceliyoruz. React Router Outlet Nedir? React router outlet, bir route elemanının

React Router Dom Outlet Adım Adım Örnek Uygulama Read More »

Create React App

Create React App Kullanarak Uygulama Geliştirmek

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

React ile uygulama geliştirmeye başlayacağınızda kendi yapınızı oluşturup, gerekli bileşenleri eklemek yerine hazır yapı ve çalışan bir uygulama ile daha rahat olacaktır. Bu konuda bize yardımcı olacak kütüphane ise create-react-app kütüphanesidir. Facebook / React tarafından geliştirilmiş resmi bir uygulamadır. Kullanımı basitir. Uygulama geliştirmemizi oldukça rahat bir hale getirir. Bu Yazıda Hangi Konuları İşleyeceğiz? Bu yazımızda React JS

Create React App Kullanarak Uygulama Geliştirmek Read More »

React Memo ile Performans Artırma

React JS Memo İle Performans Optimizasyonu Nasıl Yapılır?

Yorum bırakın / Genel, JavaScript, Programlama, React JS /

Hızın önemli olduğu bir zamandayız. Aslında belkide her zaman hız önemliydi. Fakat şuan oldukça önemli. Bir sayfa üzerinde işlem yaparken oluşacak en küçük gecikme kullanıcı deneyimini olumsuz etkiliyor. Bu nedenle tasarım ve geliştirme aşamasında uygulama performansını geliştirmek oldukça önemli. Bu Bölümde Öğreneceklerimiz Bu yazı bittiği zaman aşağıdaki konular hakkında fikir sahibi olacaksınız. Gereksi re-render işlemi

React JS Memo İle Performans Optimizasyonu Nasıl Yapılır? Read More »