React.js'yi Mac'e Yükleme

Yazılım, ücretsiz ve açık kaynaklı bir ön uç JavaScript kitaplığıdır. 2013 yılında React.JS, Facebook tarafından kuruldu.

UI bileşenlerini oluşturmak ve değiştirmek için kullanılan bir Kullanıcı Arabirimi (UI) kitaplığıdır. Geliştiricilerin yüksek verimli veriye dayalı SPA uygulamaları oluşturmasına olanak tanıyan bir pakettir.

İşlevsel programlamaya dayanır, değişmezlik kavramına dayanır ve Tek yeniden kullanılabilirlik ilkesine dayalı bileşen tabanlı mimariyi destekler.

Bu yazıda, tepkiyi mac'e nasıl yükleyeceğinize ilişkin prosedürleri gözden geçireceğiz. Kurulum aşamalarını tamamladıktan sonra çevrimiçi olarak React eğitimine katılmanızı öneririz.

Önce bazı terimleri inceleyelim-

NodeJS ve NPM

• Mac'te React kurulumunu almak için önce NodeJS ve NPM'yi kurmanız gerekir.
• Tarayıcının dışında çalıştırmanıza izin veren bir JavaScript motorudur.
• Komut satırında NPM (düğüm paket yöneticisi) kullanılır. ReactJS gibi kütüphaneleri kurmaktır.
• NodeJS'yi resmi web siteleri aracılığıyla yükleyebilirsiniz. NodeJS'yi kurduğunuzda, sizin için NPM'yi de indirecektir.
• NodeJS'yi web sitelerinden indirdikten sonra “.pkg” dosyasını bulun. Bunun üzerine çift tıklamanız yeterlidir. Kurulum için bir açılır pencere başlatacaktır.
• Kurulum sürecine yönlendirileceksiniz. “Yükle” veya “Yükleme Konumunu Değiştir”e tıklayın
• İşlem tamamlandığında, sizden son bir mesaj istenir. NodeJS ve NPM'niz yüklendi.

MacOS'ta ReactJS Kurulumu

NodeJS ve NPM kurulduktan sonra ReactJS kurulabilir. npm install-save tepki tepki-dom yürütülerek yapılır.

ReactJS projesi oluşturun

ReactJS'yi kurduğumuz için, yeni bir tepki proje dizini oluşturulabilir. npx create tepki projesi çalıştırılarak yapılır. oluştur-tepki-uygulaması.

React- Giriş

React-Lib'in Mac'e kurulumuna geçmeden önce, öncelikle React hakkında temel bir anlayış kazanmalıyız.

• React, veri bağlamında yüksek veri akışı ve hızlı yanıt veren UI'ler gerektiren müşterilerin beklentilerini karşılamada web geliştiricilerine ve mimarlarına yardımcı olan bir pakettir.
• Bileşen tabanlı bir mimari üzerine inşa edilmiştir. Web sayfası, Ebeveyn ve Alt bileşenlerle temsil edilebilir.
• Büyük ölçüde, DOM işlemleri için bir performans iyileştirici olarak işlev gören Sanal DOM'ye dayanır.
• Bir HTML web sayfası, tarayıcının web sayfasını oluşturmak için kullandığı bir DOM ağacına sahiptir.

Bir kullanıcı bir sayfayla etkileşime girdiğinde, kullanıcının eylemine dayalı olarak bilgilerin eklenmesini ve eklenmesini gerektirir. Bir kullanıcı sepete bir ürün ekledi. Sepet, kullanıcının kararının bir sonucu olarak değiştirilen ürünü görüntüler.

Sahne arkasında, HTML belgesi, değiştirilen sayfanın paylaşılmasına izin veren bir dönüşümden geçer.

Daha önce belirtildiği gibi, DOM ağacı HTML belgesini temsil eder. Önceki durumda, DOM, belirli HTML düğümlerinin eklenmesini ve silinmesini içeren bazı ayarlamalar gerektirir.

Bu, kullanıcının bilgilerini gözden geçirme bağlamında ne yapmaya çalıştığını simgeleyen temel bilgilerin görüntülenmesine yardımcı olur.

satın alma kararı.

DOM'u daha iyi anlamak için bir ağaç olarak görebiliriz.

Ağacın dalları kadar kökleri de vardır. Benzer şekilde, HTML öğesi DOM'nin en üstündedir ve altındaki düğümler üst düğüme bağlanır. Ağaç analojisi açısından, ana düğüm, ana düğüm, gövdeye bağlanan diğer düğümlerle birlikte gövde olarak temsil edilebilir. Ve React, bu düğümlerdeki ekleme ve silme işlemlerini iyileştirmek için kullanılır.

HTML DOM'de bu ekleme ve silme işlemiyle ilişkili bir bellek cezası vardır. DOM güncelleme işlemleri açısından, sanal DOM bir performans iyileştirici olarak işlev görür.

İki kopya tutar: biri gerçek DOM (tepki DOM) ve yapılacak güncellemelerden biri. Tepki DOM'sinde modifikasyonu en aza indirme süreci de uzlaşma sürecinin bir parçası olarak araştırılır.

Node.js ve npm

Node.js, JavaScript kodunu yürütür. Açık kaynaklı ve platformlar arası JavaScript çalışma zamanı ortamıdır. Chrome V8 motoru tarafından desteklenmektedir. Chrome V8 motoru C++ ile yazılmıştır. Düğüm Windows, Mac ve Linux ile uyumludur.

Node.js'yi yükledikten sonra, geliştirme sırasında React tabanlı uygulamayı yerel olarak sistemimizde çalıştırabiliriz. Bu aynı zamanda programımızı üretim sunucusuna dağıtmamızı da sağlar.

Node.js aşağıdaki özellikleri içerir:

• JavaScript'i ana dili olarak kullanır
• Engellemeyen G/Ç
• Asenkron programlamayı destekler
• Tek bir sunucu kullanarak çok sayıda bağlantı isteğini yönetebilir.

Npmjs.org, basit komutlar kullanarak düğüm modülleri kurmamıza izin veren binlerce modülün (npm) çevrimiçi bir kod deposudur.

Bazı modüller bağımsızdır, diğerleri ise düzgün çalışması için karşılıklı bağımlılık gerektirir.Node.js, sunucu üzerinde okuma ve yazma işlemleri yapmamıza olanak tanır. Ayrıca veritabanları ile çalışmanıza izin verir.

Sıfırdan işlevsellik yaratmak yerine, bir modül arayabilir ve işlevselliğini yeniden kullanabilir ve genişletebiliriz.

Geliştirici girişimleri genellikle zaman ve bütçe kısıtlamaları içerir. Düğüm'e gelince. js tabanlı geliştirme, npmjs.org, geliştirici topluluğu için bir yaşam çizgisidir.

Sonuç olarak

Bu eğitimde, React.js ve React.js'deki bileşen tabanlı mimari yaklaşımını öğrendik. Ayrıca sanal DOM'ye üst düzey bir genel bakış elde ettik.

Mutabakat kavramını, JavaScript dünyasında Node.js'nin kullanımını ve istemci bağlantı isteklerini aynı anda yerine getirmek için engellenmeyen G/Ç çıkışını yönetme kapasitesini tartıştık.

Node.js'yi yüklemek için iki tekniği test ettik: biri paket yönetimi ve diğeri komut satırı ile.

React.js'yi hızlı bir şekilde kullanmaya başlamak için create-react-app modülünü kullandık. React.js'yi yüklemek için komut satırını da kullanabiliriz.

Çok fazla ayrıntıyla aşırı yüklenmekten kaçınmak için bu eğitimde create-tepki-uygulama tekniğini kullandık. İlk tepki uygulamamızın geliştirdikten sonra çalıştığını gördük. Geliştirme açısından koda aşina olmak için uygulamayı çalıştıran önemli dosyaları hızla değerlendirdik.

Ayrıca Okuyun:

• Mac Virüsleri Yaşıyor Onları öldürün ve Huzur içinde Yaşayın!