React Js Kurulumu
ReactJS Ders 1: Kurulum
seafoodplus.info kurulumu tamamlandıktan sonra bilgisayarımızda ReactJS'i komut satırından yükleme adımına geçelim. ReactJS'i node_module (Node Modülleri) üzerine global olarak kurmak için aşağıdaki kodları CMD ekranında yazalım.
Npm Komutu npm install -g create-react-app
Kurulum aşaması biraz uzun sürebilir. Ayrıca kurulum aşamasında bazı düzeltme (fix) önerileri ekrana gelebilir. Örnek olarak benim kurulum aşamasında bu uyarıyı verdi. Onların nasıl düzeltileceğine dair örnek kodları orada yazmaktadır.
Kurulum Esnasında Düzeltme Uyarıları
Görüldüğü gibi "3 highseverity vulnerabilities" şeklinde düzeltilmesi (fix) gereken durum mevcut. Onu gidermek için konsolda
Hata Düzeltme İşlemi npm audit fix --force şeklinde komut satırına girip ilerleyelim. Bu işlem sonucunda "found 0vulnerabilities" şeklinde düzeltmenin yapıldığı uyarısı ekranda göründü. ReactJS başarılı bir şekilde kuruldu.
Kurulan React'ın versiyon bilgisine ulaşmak için komut satırına
React Versiyon Öğrenelim npm view react version yazarak versiyon bilgisinin ekran görüntüsünü paylaşalım.
React Versiyon Bilgisi
Bir sonraki dersimizde ilk projeyi oluşturacağız. Görüşmek üzere.
React: Sıfırdan Kurulum ve İlk Projeniz
React, Facebook tarafından geliştirilen bir JavaScript kütüphanesidir. Reaktif ve esnek web uygulamaları geliştirmek için kullanılır. React, kullanımı kolay ve hızlı bir yapı sunar. Bu yazıda, sıfırdan React kurulumunu ve ilk React projenizi nasıl oluşturabileceğinizi açıklayacağız.
React kurulumu, seafoodplus.info ve npm (Node Package Manager) yüklenmiş bir bilgisayarda yapılabilir. npm, bir komut satırı araçsıdır ve React gibi birçok JavaScript paketini yönetmenize olanak tanır. npm'nin yüklenmiş olduğundan emin olun.
Eğer seafoodplus.info ve npm yüklü değilse, buradan yükleyebilirsiniz: seafoodplus.info
React projesi oluşturmak için aşağıdaki komutları sırasıyla kullanabilirsiniz:
İlk komut, create-react-app adlı bir araç kullanarak my-app adında bir React projesi oluşturur. İkinci komut, my-app dizinine gider. Üçüncü komut, projeyi çalıştırır ve tarayıcınızda http://localhost/ adresinde görüntüleyebilirsiniz.
React projeniz oluştu ve çalışıyor! Şimdi, React kodlarınızı yazmaya başlayabilirsiniz. React, component yapısını kullanarak uygulamalarınızı oluşturmanıza olanak tanır. Her component, bir HTML elementi veya bir grubu temsil eder. Ayrıca, componentler arasında veri akışı sağlamanıza olanak tanır.
Bu yazıda, React'in nasıl sıfırdan kurulumunu yapabileceğiniz ve ilk projenizi nasıl oluşturabileceğinizi öğrendiniz. React, hızlı ve kolay bir yapı sunar ve web uygulamalarınızı geliştirirken size yardımcı olacaktır.