React Uygulaması oluşturun, React Ubuntu 20.04 ile ilk uygulamanızı oluşturun

Bir sonraki makalede bir göz atacağız. Create React App kullanarak Ubuntu 20.04 üzerinde ReactJS ile ilk uygulamamızı nasıl oluşturabiliriz. ReactJS, Facebook ve geliştirici topluluğu tarafından sağlanan, kullanıcı arayüzünü oluşturmak için kullanılan açık kaynaklı bir JavaScript kitaplığıdır. ReactJS, web uygulamaları veya mobil uygulamaların geliştirilmesinde kullanılabilir.

React'te, ReactJS olarak da bilinirveriler DOM'da işlenir. React uygulamasını çalıştırmak için yönlendirme ve durum yönetimi için ek kitaplıklar gereklidir. Bu kitaplıkların bazı örnekleri şunlardır: Redux y React Yönlendirici.

React'i Ubuntu 20.04'e Yükleme

React'i sistemimize kurmak için önce npm'nin ne olduğunu bilmeli ve onlara neden ihtiyacımız olduğunu anlamalıyız. Npm, Node Package Manager anlamına gelirve dünyanın en büyük açık kaynaklı yazılım kayıt defteri. 800.000'den fazla kod paketi içerir. Npm'nin kullanımı ücretsizdir ve herhangi bir genel yazılım, kayıt veya oturum açmadan indirilebilir ve kullanılabilir.

Npm, javascript uygulamaları için bir bağımlılık yönetimi aracıdırJS uygulamalarının geliştirilmesini desteklemek için tüm kitaplıkların ve diğer araçların kurulmasına yardımcı olan.

Npm'yi yükle

Daha npm içeren nodejs yükleyin, sadece bir terminal açmamız (Ctrl + Alt + T) ve aşağıdaki komutu yürütmemiz gerekecek:

sudo apt install nodejs

Npm kurulumunu bitirdikten sonra, kendi sürümünüzü ve düğümün sürümünü kontrol edin. Bunu şu komutla yapabiliriz:

npm -v

Güncelleştirme sık sık yapıldığından, yüklenen npm sürümü kurulum tarihine bağlıdır. 5'ten daha yüksek bir sürüm kurduğumuzdan emin olmamız gerekiyor..

Daha kurulu düğüm sürümünü kontrol edin, kullanılacak komut şöyle olacaktır:

node -v

Sisteminizde en son npm sürümü yüklü değilse, Düğüm Paket Yöneticisini (npm) en son sürüme güncelleyebilirsiniz bu komutu terminalde çalıştırmak:

sudo npm install -g npm@latest

Create-react-app'ı yükleyin

Üretken bir React ortamı kurmak için, React dünyasında yeni başlayanlar için yapılandırılması karmaşık olan babel, webpack vb. Gibi araçları yapılandırmamız gerekecek. Ancak konfigürasyonda bize yardımcı olacak birkaç araç bulabiliriz. Aralarında bulacağız create-react-app, kullanımı ve yapılandırması en kolay araç.

Create React App, React'i öğrenmek için rahat bir ortamdırve React'i kullanarak yeni bir tek sayfalık uygulama oluşturmaya başlamanın en iyi yolu budur.

React Uygulaması Oluşturun geliştirme ortamınızı yapılandırın böylece en yeni Javascript özelliklerini kullanabilir, iyi bir geliştirme deneyimi sunabilir ve uygulamanızı üretim için optimize edebilirsiniz. Web sitelerinde belirtildiği gibi, makinenizde Düğüm> = 8.10 ve npm> = 5.6'nın kurulu olması gerekir.

Yapabiliriz npm kullanarak create-react-app'ı yükleyin. Bunu yapmak için, bir terminalde (Ctrl + Alt + T) sadece aşağıdaki kurulum komutunu çalıştırmamız gerekecek:

sudo npm install -g create-react-app

Create-react-app uygulamasının sistemimize yüklenmesi tamamlandığında, kurulu sürümü kontrol edin aşağıdaki komutu yürütmek:

create-react-app --version

İlk React uygulamasını oluşturma

İlk React uygulamamız, basitçe create-react-app kullanılarak oluşturulabilir. Sadece aşağıdaki komutu kullanmamız gerekecek:

create-react-app mi-primera-app

Yukarıdaki komut, adında bir React uygulaması oluşturacak. ilk-uygulamam. Aynı zamanda gerekli tüm dosyaları, ayarları ve kitaplıkları içeren uygulamanın aynı adlı yeni bir klasör oluşturulacaktır..

React uygulamasını çalıştırma

React projesi oluşturulduktan sonra, Proje dizinine geçip aşağıdaki komutu kullanarak React uygulamasını çalıştırmamız gerekecek terminalde (Ctrl + Alt + T):

npm start

Komut npm başlangıç tüm yapı sürecini gerçekleştirecek geliştirme sunucusunu başlatın.

Terminal bize yapmamız gerektiğini söyleyecek tarayıcıyı açın ve varsayılan olarak http: // localhost: 3000 URL'sinde çalışacak uygulamayı yükleyin. Tarayıcı açıldığında, ekranda React logosunu ve metinlerini göreceğiz.

Create-react-app ve npm'yi kaldırın

Kullanıcılar npm uninstall komutunu kullanarak npm'den yüklenen herhangi bir kitaplığı kaldırabiliriz. Kaldırmak için terminalde (Ctrl + Alt + T) aşağıdaki komutu çalıştırın oluşturmak-tepki-Uygulama:

sudo npm uninstall -g create-react-app

Benzer şekilde yapabiliriz npm'yi kaldır bu diğer komutu aynı terminalde kullanarak:

sudo apt remove nodejs

Kullanıcı arayüzleri oluşturmak için bu JavaScript kitaplığı hakkında daha fazla bilgi şurada bulunabilir: Proje belgeleri.