Ubuntu'da ReactJS Nasıl Kurulur
2011 yılında Facebook tarafından geliştirilen React (ayrıca ReactJS olarak da anılır), hızlı ve etkileşimli kullanıcı arayüzleri oluşturmak için kullanılan bir Javascript kitaplığıdır. Yazıldığı sırada kullanıcı arayüzleri geliştirmek için en popüler Javascript kütüphanesiydi. React, işlevsellik ve popülerlik açısından Angular ve Vue JS muadillerini gölgede bırakıyor.
Popülerliği, esnekliği ve basitliğinden kaynaklanmaktadır ve bu, onu mobil uygulamalar ve web uygulamalarının geliştirilmesinde ilk tercih haline getirmektedir. Facebook, Netflix, Instagramgibi teknoloji devleri de dahil olmak üzere 90.000'den fazla site React kullanıyor >, Airbnb ve Twitter bunlardan birkaçıdır.
Bu makalede, ReactJS'yi Ubuntu 20.04 ve Ubuntu 18.04'e nasıl yükleyeceğinizi öğreneceksiniz.
Adım 1: NPM'yi Ubuntu'ya yükleme
React JS kurulumuna npm'yi (düğüm paketi yöneticisinin kısaltması) kurarak başlıyoruz, iki şey var. İlk olarak, Javascript paketleriyle etkileşimde bulunmak için kullanılan, kullanıcıların Javascript araçlarını ve kitaplıklarını kurmasına, güncellemesine ve yönetmesine olanak tanıyan bir komut satırı aracıdır.
İkinci olarak, npm, 800.000'den fazla Node.JS paketini barındıran çevrimiçi açık kaynaklı bir yazılım kayıt defteridir. Npm ücretsizdir ve herkese açık yazılım uygulamalarını kolayca indirebilirsiniz.
Ubuntu Linux'a npm'yi yüklemek için sunucunuzda sudo kullanıcısı olarak oturum açın ve aşağıdaki komutu çalıştırın:
sudo apt install npm
Kurulum tamamlandıktan sonra şu komutu kullanarak kurulu npm sürümünü doğrulayabilirsiniz:
npm --version
6.14.4 [Output]
Bu yazının yazıldığı sırada, çıktıda görüldüğü gibi en son sürüm v6.14.4'tür.
npm kurulumu aynı zamanda node.js'yi de yükler ve şu komutu kullanarak yüklenen node sürümünü doğrulayabilirsiniz:
node --version
v10.16.0 [Output]
Adım 2: Create-react-app Yardımcı Programını Yükleme
create-react-app, bir React Uygulaması oluşturmak için gereken tüm araçları ayarlamanıza olanak tanıyan bir yardımcı programdır. Her şeyi sıfırdan ayarlayarak zamandan ve enerjiden büyük ölçüde tasarruf etmenizi sağlar ve ihtiyacınız olan avantaja sahip olmanızı sağlar.
Aracı yüklemek için aşağıdaki npm komutunu çalıştırın:
sudo npm -g install create-react-app
Kurulduktan sonra, aşağıdakileri çalıştırarak kurulu sürümü doğrulayabilirsiniz:
create-react-app --version
4.0.1 [Output]
3. Adım: İlk React Uygulamanızı Oluşturun ve Başlatın
React uygulaması oluşturmak oldukça basit ve basittir. Aşağıdaki gibi tecmint-app adında bir react uygulaması oluşturacağız.
create-react-app tecmint-app
Uygulamanın ihtiyaç duyduğu tüm paketleri, kitaplıkları ve araçları yüklemek yaklaşık 5 dakika sürer. Biraz sabır işe yarayacaktır.
Uygulamanın oluşturulması başarılıysa, uygulamayı yönetmeye başlamak için çalıştırabileceğiniz temel komutları içeren aşağıdaki bildirimi alacaksınız.
Uygulamayı çalıştırmak için app dizinine gidin
cd tecmint-app
Ardından şu komutu çalıştırın:
npm start
Tarayıcıda uygulamaya nasıl erişeceğinizi gösteren aşağıdaki çıktıyı alacaksınız.
Tarayıcınızı çalıştırın ve sunucunuzun IP adresine göz atın
http://server-ip:3000
Bu, varsayılan React uygulamasının çalışır durumda olduğunu gösterir. Bu kılavuzda React JS'yi başarıyla yükledik ve React'ta bir uygulama oluşturduk.