React Hakkında Bilmelisin
React nedir? Kısacası, React, web uygulamaları için grafik yüzeylerin geliştirilmesi için bir kütüphanedir. Ama React hakkında başka ne bilebilirsiniz?
React genellikle Vue.js veya Angular gibi web kullanıcı arayüzü çerçevesine göre çağrılır, aslında React gerçek anlamda bir resim değildir. Bunun yerine, React grafik yüzeylerin oluşturulması için sadece nispeten küçük ve basit bir kütüphanedir. Kullanıcı arayüzü çerçevesinden farklı olarak React, veritabanı, yönlendirme, bağımlılık enjeksiyonu ve benzerleri için kavramları kullanmaz. Bu, reaksiyonu birçok alternatiften çok daha “daha hafif” yapar.
Bu, 2013'teki React'in ilk günlerinde, özellikle uygun bir şekilde kullanılan, ancak orta performans ve ölçeklenebilirlik eksikliği nedeniyle kompleksleri haritalayamayan en iyi köpek Angular 1'e kıyasla devrimciydi. Bu problemler, kullanıcı arayüzü dünyasında, örneğin, muazzam veri türleri veya daha fazla tek yönlü veri akışı dünyasında fonksiyonel programlamadan çeşitli kavramları zaten ele almış ve tanıtmıştır.
Bu fonksiyonel kavramların kullanımının önemli bir nedeni, son derece yüksek performansla reaksiyona girerek işlenebilen ve tüm sınavları ve ayarlamaları tamamladıktan sonra sadece gerçek katedral ile senkronize edilen katedralin anısına bir kopyası olan So -Called sanal domasların kullanılmasına izin vermeleridir. Tabii ki, fonksiyonel kavramların kendileri yeni değil, React onları geliştiricilerin farkındalığına daha fazla getiriyor.
React'in baştan beri bileşenlerin yönüne çok odaklandığı da dikkat çekicidir. Bu arada iki seçenek de vardır, yani bir yandan, diğer yandan fonksiyonel bileşenler olarak adlandırılan SO -CALLED sınıfı. Prensip olarak, ikisinin kullanımı neredeyse eşit derecede mümkündür, ancak fonksiyonel yaklaşım gittikçe daha fazla dikkat çekmektedir, bu yüzden yeni projelerde bu şekilde takip edilmesi tavsiye edilir.
React, Facebook tarafından büyük ölçüde geliştirilmiştir ve geliştirilmiştir, gerçekte de kullanımınız için: Facebook, Facebook'tan kullanıcı arayüzünü geliştirmek için React kullanır. Başlangıçta, React ile ilgili büyük bir eleştiri, tescilli ve belirli Facebook özellikleri tarafından fark edilen lisans oldu, ancak birkaç yıl boyunca birkaç yıl boyunca Passé ve React mevcut.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
React nedir?
Reaksiyon durumlarını yönetin
React'in önemli bir kısmı, söz konusu durumla veya mevcut başvuru durumu ile yüzleşmektir. Tanım gereği durum değişmesi gerektiğinden, özellikle bir kullanıcı arayüzü çerçevesi veya bir kullanıcı arayüzü kütüphanesi bu konuyla karşı karşıya kaldıkça ilginçtir. Bu amaçla, React sadece bir nesne olarak değil, aynı zamanda onu değiştirmeye adanmış işlevlerdir. Bu işlevlerin kullanımı kontrol modelinin kullanımına benzer.
Uygulamada daha semantik ifade edebilmeleri ve ortak ama zararlı ham petrol düşüncesini daha az kullanabilmeleri için bu işlevleri profesyonel bir şekilde atamanız tavsiye edilir. Bu amaçla, fonksiyonel bileşenler useStateBu, bir durum nesnesini oluşturur ve döndürür ve ayrıca bu durumun ayarlanabileceği bir işlev oluşturur. Devletin muhabiri hatırlaması önemlidir set-Fonksiyon aslında nesnelerin taahhüdü anlamıyla değiştirildi ve değiştirilmedi. Bu yaklaşım artık durum yönetimi için çok sayıda diğer modülde de bulunabilir.
Ancak, durumu her bileşende tutmak tavsiye edilmez. Bunun yerine, genellikle vatansızlık ve durum bileşenleri arasında bir ayrım yapılır, bu nedenle birincisi sadece verileri sunmaya hizmet eder, ancak kendi mantığı yoktur. Sadece yukarıdaki kullanıcı arayüzünün hiyerarşisinde olma eğilimi gösteren durum bileşenlerinde bulunur. Devlet daha sonra kullanıcı arayüzünün bileşenlerinin hiyerarşisinde yukarıdan aşağıya doğru onaylanır.
Bununla birlikte, kullanıcının eylemlerine yanıt olarak, en düşük bileşenler, aksine, devletin altından dolaşan ve son olarak eyaletlerde bir değişikliğe yol açan ve bu nedenle hiyerarşi tarafından verilen olayları aktive eder. React bileşenleri nihayetinde işe yaramadan başka bir şey olmadığından, sonunda işlevlerin bileşimi ve düzenlenmesidir.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Reaksiyon durumlarını yönetin
React'te JSX kullanın
Bileşenleri organize etmek için reaksiyonda JSX adı verilen bir dil vardır. Bu, Facebook tarafından XML'yi bir tür ek veri olarak işleyebilen bir JavaScript uzantısıdır. Yolda, JavaScript kodu sadece bir JSX dosyasında değil, aynı zamanda HTML'yi de barındırılabilir, böylece bileşenin ve davranışının ortak bir dosyada yönetilebilir.
Bir JSS çözümü, örneğin stil bileşenleri eklerseniz, bir bileşen için gerekli CSS de bir JSX dosyasında barındırılabilir. Yol boyunca, bir bileşenin her üç beklentisi de bir dosyada birlikte kapsüllenmiştir, bu nedenle bağımsız bir artefakt olarak iletilebilir ve kullanılabilir.
Bu yaklaşımın özel olan, teknik ve kod olmayan bir eğilimin – klasik web geliştirme gibi – bir dil ayrılmasını önermesidir: HTML, CSS ve JavaScript arasındaki tarihsel ayrım, teknik kriterleri takip eden bir “dil ayrımı” dır, ancak endişelerin ayrılmasına göre teknik ayrım çok daha önemlidir.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
React'te JSX kullanın
Neden tepki vermelisiniz?
Şimdi neden diğer kullanıcı arayüzü yaklaşımları yerine React kullanmanız gerektiği sorusuyla karşılaşırsanız, tekrar tekrar karşılaşmanızın iki nedeni vardır. İlk neden, daha önce de belirtildiği gibi reaksiyonun çok uzmanlaşmış ve hafif olmasıdır, böylece birçoğunun bir bileşeni olarak görülebilir. Tam bir uygulama geliştirmek için React diğer modüllerle birleştirilmesi gerektiğinden, React sistemin önemli bir boyutunda büyüyemez.
Tabii ki, bir React değişimi başka bir teknoloji için de karmaşık olacaktır, ancak uygulama makul ve temiz bir şekilde yapılandırılmışsa, yalnızca kullanıcı arayüzünün kapsamına sahip bileşenler gözden geçirilmelidir. Başlangıçta hepsi zaten bileşenlerdi, ancak sonunda bir ön uç, doğrudan kullanıcı arayüzünün kapsamı ile basitten çok daha fazla kod içeriyor.
Bu, tüm uygulamanın yapısına çok daha fazla müdahale ettikleri için saf oluşturmanın ötesine geçen ve ön uç için çok sayıda başka hizmet sağlayan çerçeve ile bu çok daha zordur. Bu bağlamda, reaksiyon daha iyi parçalanabilir. Bununla birlikte, dezavantaj, Reagem'in her zaman birleştirilmesi ve diğer modüllerle entegre edilmesi gerektiğidir, örneğin daha az çabanız var. Sonunda, birinin diğerinden daha iyi veya daha kötü olduğunu söylemek mümkün değildir – sonunda sadece farklı felsefelerdir.
Genellikle React için bir konu olarak belirtilen ikinci neden, JavaScript ile yakın bir entegrasyondur. Örneğin, Vue.js veya Angular'da aksine, bir döngü, koşul veya veritabanı oluşturmanın özel bir yolu yoktur. Bunun yerine, React sadece JavaScript'te bulunan yapıları kullanır, bu nedenle React ile istihdam genellikle en iyi JavaScript geliştiricisi veya en iyi ve tersi JavaScript geliştiricisi olmaya katkıda bulunur.
Aksine, yalnızca ilgili çerçevenin dışında kullanılamayan Vue.js ve köşedeki çerçevenin belirli özel prosedürlerini öğrenirsiniz.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Neden tepki vermelisiniz?
Next.js ve Redux
React diğer modüllerle birleştirilmesi gerektiğinden, yerleşik ve iyi işleyen modülleri bilmek iyidir. Next.js ve Redux özellikle burada bahsetmeyi hak ediyor.
Next.js, sunucu sunumları, statik bir web sitesinin üretimi ve ihracatı, uluslararasılaşma, görüntülerin optimizasyonu ve çok daha fazlası dahil olmak üzere çok sayıda etkinlik alan React için çalışma zamanı bir ortamıdır. React'i Next.js ile birleştirirseniz, çok fazla çalışma kaydedin ve esas olarak gerçek bileşenlerin tasarımı ve geliştirilmesine odaklanabilirsiniz. Bu bağlamda, Next.js, React ile çalışmak için mükemmel bir temeldir.
Aksine, Redux, sözde bir durum kapsayıcısı veya durum yönetiminde uzmanlaşmış bir formdur. Prensip olarak, devletin ele alınması zaten React'e dahil edilmiştir, ancak bu yaklaşımı tekrar uzmanlar ve özellikle büyük ve karmaşık uygulamalarda kullanım için yararlı olan bazı yapılarını tanıtmaktadır. Bu, bir dükkanın merkezi yönetimi ve mağazaların nasıl güncelleneceğine dair belirli bir yol içerir.
Her iki araç, Next.js ve Redux, bu nedenle React geliştiricilerini bilmeli ve bunları değerlendirmek ve gerekirse kullanmak için onlar için temel bir anlayışa sahip olmalıdır.
Önerilen editoryal içerik
Rızanızla, burada harici bir YouTube videosu (Google Ireland Limited) burada davet edilir.
YouTube videosu her zaman yüklenir
YouTube videosu artık yüklüyor
Next.js ve Redux
Çözüm
Genel olarak, React'in karmaşık, karmaşık ve zorlu grafik yüzeyleri geliştirmenin de mümkün olduğu çok başarılı bir kullanıcı arayüzü kütüphanesi olduğu söylenebilir. React, fonksiyonel programlamayı ve ilişkili kavramları takdir eden ve Frontend'in modülerleştirilmesini açısal sunduğu için tamamen entegre bir hepsi bir arada çözümden daha fazla takdir eden mutludur. Dediğim gibi, genel ve yanlış bir hak yoktur: Sonunda tepki ve açısal farklı felsefeleri yönetin.
Sözdizimi alışıyor gibi göründüğü için React'e giriş JSX nedeniyle çok basit değil. Ancak, JSX'e ve aşağıdaki düşünceye alışkınsanız, artık bir bileşenin tüm yönlerini entegre etme yaklaşımını kaybetmek istemiyorsunuz.
Son olarak, özellikle Next.js ve Redux ile iki mükemmel ekleme üreten ekosistem, React ile etkili ve etkili gelişimin büyük bir kısmına sahiptir.
()