React JS

React İle Hangi Backend?

React ile Express JS mi yada PHP mi kullanmalı yım?

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

React JS arayüz geliştirmek için geliştiriciler için kolayca öğrenilebilen ve hızlı geliştirme yapılabilen bir kütüphane. Güzel arayüzler çıkartmak için gerekli kolaylıkları sağlıyor. Ayrıca geniş bir geliştirici kitlesi olduğu için destek lazım olduğunda yardım alacak çok sayıda kaynak bulunuyor. Bununla birlikte sadece arayüz geliştirmek için kullanıldığından, eğer backend üzerinde yapılacaklar varsa farklı framework ve programlama dillerine […]

React ile Express JS mi yada PHP mi kullanmalı yım? Read More »

React JS Props Kullanımı

React JS Props Kullanımı

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

ReactJS Props nedir sorusuna cevap aramadan önce, kısaca veri ve verilerin farklı yerlere aktarılması ihtiyacından bahsetmek gerekiyor. Bir arayüz geliştirirken, çok farklı bölümler oluşturmak zorundayız. Bu bölümleri bir bileşen (komponent) olarak oluşturuyoruz. Yapısı gerepi komponentler iç içe geçiyor ve çoğu durumda bizim hazırladığımız komponentin içerisinde bir veri kullanmak zorundayız. Mesela sayfamızın bir bölümünde hoşgeldin mesajı

React JS Props Kullanımı 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 Bootstrap İle Sayfa Tasarımı

React Bootstrap İle Çalışmak

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

Uygulama veya web sayfası geliştirirken hazır CSS frameworkler ile çalışmak, tasarımcı açısıdan çok daha hızlı ve etkin bir yoldur. Çok sayıdan geliştirilmiş CSS frameworkü vardır ve bunlardan en meşhur olanlarından bir tanesi ve belkide en meşhur olanı Bootstrap kütüphanesidir. Gerek mobil ve gerekse web sitesi geliştirirken kullanabileceğimiz harika bir yardımcıdır. Çok sayıda tema bootstrap ile

React Bootstrap İle Çalışmak 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 »

React JS Nedir?

React JS Nedir ve Neden Çok Popüler Bir JavaScript Kütüphanesidir?

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

React JS kullanıcı arayüzü geliştirmeyi kolaylaştırmak için tasarlanmış açık kaynak JavaScript kütüphanesidir. Facebook tarafından 2011 yılında geliştirilmiş ve daha sonra bir çok şirket ve geliştirici tarafından kullanılmaya başlanmıştır. Günümüzde tek sayfa uygulama (SPA) oluşturmak için en çok tercih edilen JavaScript kütüphanelerinden bir tanesidir. Kullanıcı arayüzleri geliştirebileceğiniz bir JavaScript kütüphanesi. reactjs.org React resmi websitesinde bu şekilde tanıtılıyor.

React JS Nedir ve Neden Çok Popüler Bir JavaScript Kütüphanesidir? Read More »

React Icons

React Icons Nedir? React Projesine Nasıl Dahil Edilir?

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

Günümüz web uygulamalarında ve mobil uygulamalarda sıkça ikonları kullanıyoruz. Birer simge olarak kullandığımız ikonlar bazen bir uygulamayı ifade eder, bazen bir duyguyu. Bazen bir menüyü daha anlaşılır kılmak için kullanırız. Günümüzde çok sayıda ikon kütüphanesi (icons library) bulunmaktadır. Bu ikonları bazen resim olarak ve bazen font gibi uygulamalarımızda kullanabiliyoruz. Bir çok fikri, duyguyu, uygulamayı veya

React Icons Nedir? React Projesine Nasıl Dahil Edilir? Read More »

react router ile sayfalar arasında gezinme

React Router Nedir? Nasıl Kullanılır?

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

Tek sayfa uygulamalarda farklı sayfalara yönlendirme yapmak için kullanabileceğimiz farklı kütüphaneler bulunmaktadır. Bunlar bize kolay ve etkin bir şekilde sayfa yenilemesi yapılmadan, farklı sayfalar arasında gezinme imkanı sunmaktadırlar. Bu işlemin kolayca yapılması bize uygulama geliştirirken zaman kazandırmaktadır. Bu yazımızda bu işlemi yapabileceğimiz ve React geliştiricileri arasında en çok kullanılan yönlendirme kütüphanelerinden biri olan React Router

React Router Nedir? Nasıl Kullanılır? Read More »