React, Web Uygulamaları oluşturmak için en popüler JavaScript ön uç çerçevelerinden biridir. 2013'te Facebook tarafından açık kaynaklı olarak, büyük bir geliştirici topluluğu tarafından heyecanla karşılandı.

Reaksiyona başlamadan önce, web geliştirmenin temellerine sahip bir ailesiniz: HTML, CSS ve JavaScript. HTML ve CSS, tasarımı koymak ve bir sayfa oluşturmak için yaygın olarak kullanılacaktır. JavaScript, tepkide kullandığımız kitaplığı betikliyor.

Ortam Kurulumu

Reaksiyona başlamadan önce, kurulumun mevcut olduğundan emin olmanız gerekir. Node.js'nin kurulu olduğundan emin olmanız gerekiyor, aşağıdaki komutu uygulayarak güncel bir sürümü kontrol edebilirsiniz:

$ node -version

Bir React Projesi Oluşturma

Yeni bir React projesi kurmanın en basit yollarından biri, create-react-app betiğini kullanmaktır. Bu betiği çalıştırmak için npx komutunu kullanabilirsiniz.

$ npx create-react-app test

      

$ cd test

$ code

Bu, Visual Studio Code'daki yeni bir proje klasörüdür.

node_modules: Tüm proje bağımlılıkları bu klasörde saklanır

public: Bu klasör, web uygulamasının statik varlıklarını içerir

src: Bu, React uygulamanızın JavaScript uygulamasını içeren klasördür

Geliştirme Web Sunucusunu Çalıştırma

Geliştirme web sunucusunu çalıştırmak, başlatma komut dosyasını şu yollarla yürüterek yapılır:

$ npm start

Tarayıcı otomatik olarak açılacak ve URL http://localhost:3000 açık.

Testleri Çalıştırma

İlk tepki projesi, varsayılan olarak src/App.test.js içindeki bazı temel birim test senaryolarını içerir. Bu testler aşağıdaki yöntemler kullanılarak yürütülebilir:

$ npm run test

      

Üretime hazır bir uygulama oluşturun. Bu, tepki uygulamasının oluşturulduğunu ve sonucun projenin derleme klasörüne yerleştirildiğini gösterir. Üretim derlemesini yürütmek için aşağıdaki komut kullanılır:

$ npm run build

      

Okuduğunuz için teşekkürler!

düzenglish.io'da daha fazla içerik