Selamlar! React’ta sıklıkla kullanılan state konusuna değiniyoruz. Her zamanki gibi anladığım kadarıyla anlatmaya çalışacağım. Lütfen eklemek istediğiniz kısımlar olursa yorum olarak belirtmekten çekinmeyiniz. Hooks yapılarından önce lütfen Component yapısını bildiğinizden emin ulunuz. Dilerseniz React Component Nedir, Ne İşe Yarar? yazıma öncesinde bir göz atabilirsiniz. Diğer programlama dillerinde bir değişken oluşturup bu değişkene bir değer atıyoruz.
Selamlar! React öğrenimine devam ediyoruz. İlk React yazımızda, React denilince akla ilk gelen 3 kelimeden bahsetmiştik. Component yapısını daha önce işlemiştik ve dilerseniz buradan ulaşabilirsiniz. Bu yazımda props yapılarına giriş yapıp, nedir ne değildir anlamaya çalışacağız. Props Nedir? React’ta kullanılan props yapısı property(özellik) isminin kısaltılmasıdır. En kısa ve öz tanımlaması; props componentler arasında veri aktarmamıza
Selamlar! Bu yazımızda bir önceki bölümde kullandığımız React CDN bağlantılarına veda ediyoruz ve projemize DEPENDENCIES(bağımlılar) yapısını dahil ediyoruz. Dependencies projemizde kullandığımız paketler oluyor ve projemizin bağımlılıkları oluyorlar. React projesi oluşturmak için 2 yöntemden birini kullanabilirsiniz. Bu yöntemler bizlere hazır React ortamı sunuyor olmalarından dolayı çoğunlukla kullanılıyor. Bunlardan birisi Create React App ve diğeri Vite. Projemize
Selamlar! Web geliştirme süreçlerinde sıklıkla duyduğumuz bu kavramlar nedir ve aralarında nasıl farklar var bunlardan bahsedeceğiz ve bizim için uygun olana kendimiz karar verebileceğiz. İlk olarak bilinmesi gereken şey JS ile JSX aynı şeyler değildir. JS Nedir? JavaScript (JS) web geliştirmede kullanılan olmazsa olmaz derecede önemli bir yazılım dilidir. Hem tarayıcı hem de sunucu tarafında
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 öğreniyorum serisinin 2.yazısındayız. Bu yazımızda geliştirme ortamına göz atacağız ve nasıl kurulum yapabiliriz bu konulardan bahsedeceğiz. IDE (Integrated Development Environment – Entegre Geliştirme Ortamı) hakkında daha fazla bilgi için IDE Nedir? Neden Kullanılır? Avantajları Nelerdir? başlıklı blog yazıma göz atabilirsiniz. Yazılıma ilk başladığımda notpad ile başlamıştım ve IDE konusunda bilgim yoktu ancak zamanla
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