Selam dostlar! React duyduğumuzda ardından duyduğumuz 3 şeyden birisi “component” yapısıdır. Diğer ikisi “props” ve “state managment” terimleridir. Burada component yapısını anlamaya çalışacağız. Javascripteki fonksiyon yapısını biliyorsak anlaması çok daha kolay olacak çünkü hemen hemen aynı şeyler. Hadi başlayalım. Aşağıdaki görselde görülen her kısım (header, nav, main, footer), React’ta component olarak adlandırılıyor. Yine <main> componenti
Selamlar! React temelden öğrenim serimizin ikinci yazısı ile devam ediyoruz. Burada VS Code’da kullanacağımız bir eklentiyi yükleyerek başlayalım. VS Code’a girip eklentiler bölümüne tıklayarak “Live Server” eklentisini indirelim. Bu eklenti sayesinde projede yapılan değişiklikleri tarayıcıda direk görebileceğiz ve çıktıları daha hızlı alabileceğiz. Sizler için aşağıya bir görsel anlatım bırakıyorum. React Component Nedir, Nasıl Çalışır? Bu
React temel mantığını anlayarak devam edersek, sonrasında öğreneceklerimiz daha mantıklı gelecektir ve daha sağlam bir alt yapı oluşturmuş olacağız. Burada React’ın en temel mantığından başlayacağız ve sonrasında daha pratik araçları yavaş yavaş dahil edeceğiz. Düz Mantık React Projesi Burada nasıl index.html, style.css ve script.js oluşturarak projelerimize başlıyorsak aynı şekilde ilk React projemizi de aynı şekilde
Selamlar! Yeni bir serüvene başlıyoruz ve React veya diğer bir ismi ile React.js öğreniyoruz. React bir javascript kütüphanesidir ve web uygulamalarında ön yüz (frontend) yazmak için kullanılıyor. Bir çok avantaj sunuyor, küçük/büyük ölçekli projelerde kullanılıyor. Biz de bu serimiz ile react öğrenmeye ve küçük projeler geliştirmeye çalışacağız. React ile ilgili tüm detaylara kendi sitesinden veya