En İyi 70 React JS Röportaj Soruları ve Cevapları

React Röportaj Soruları ve Cevapları

İşte ReactJ'in hem yeni başlayanlar hem de deneyimli adaylar için hayallerindeki işi bulmaları için mülakat soruları ve cevapları.

1) Reactjs nedir?

React, kullanıcı arayüzleri oluşturmayı kolaylaştıran bir JavaScript kütüphanesidir. Facebook tarafından geliştirilmiştir.

---

2) React kullanıyor mu? HTML?

Hayır, HTML'ye benzeyen JSX'i kullanır.

Ücretsiz PDF İndir: React Röportaj Soruları ve Cevapları

---

3) React ilk kez ne zaman piyasaya sürüldü?

React ilk olarak Mart 2013'te piyasaya sürüldü.

---

4) Bana React'ın en önemli iki dezavantajını söyleyin

• React'ı Rails gibi MVC çerçevesiyle entegre etmek karmaşık yapılandırma gerektirir.
• React, kullanıcıların kullanıcı arayüzünün MVC çerçevesine entegrasyonu hakkında bilgi sahibi olmasını gerektirir.

---

5) Gerçek DOM ile Sanal DOM arasındaki farkı belirtin

gerçek DOM	Sanal DOM
Yavaş yavaş güncellenmektedir.	Daha hızlı güncellenir.
HTML'den doğrudan güncellemeye izin verir.	Doğrudan HTML'yi güncellemek için kullanılamaz.
Çok fazla hafıza harcıyor.	Bellek tüketimi daha azdır

---

6) React'ta Flux Konsepti Nedir?

Facebook, istemci tarafı web uygulamaları geliştirmek için flux mimarisi konseptini yaygın olarak kullanıyor. Bu bir çerçeve veya kütüphane değildir. Bu, React'ı ve Tek Yönlü Veri Akışı konseptini tamamlayan yeni bir mimari türüdür.

---

7) React'ta Redux terimini tanımlayın

Redux, ön uç geliştirme için kullanılan bir kütüphanedir. Uygulamaların durum yönetimi için kullanılması gereken JavaScript uygulamalarına yönelik bir durum kabıdır. Redux ile geliştirilmiş bir uygulamayı farklı ortamlarda test edip çalıştırabilirsiniz.

---

8) Redux'taki 'Mağaza' özelliği nedir?

Redux, uygulamanın tüm Durumunu tek bir yere kaydetmenize olanak tanıyan 'Mağaza' adı verilen bir özelliğe sahiptir. Bu nedenle, tüm bileşenlerinin Durumu Mağazada saklanır, böylece doğrudan Mağazadan düzenli güncellemeler alırsınız. Tek durum ağacı, zaman içindeki değişiklikleri takip etmenize ve uygulamada hata ayıklamanıza veya incelemenize yardımcı olur.

---

9) Redux'ta bir eylem nedir?

Bir eylem nesnesini döndüren bir işlevdir. Eylem türü ve eylem verileri her zaman eylem nesnesinde saklanır. Eylemler, Mağaza ile yazılım uygulaması arasında veri gönderebilir. Mağaza tarafından alınan tüm bilgiler eylemlerle üretilir.

---

10) React'ın önemli özelliklerini adlandırın

İşte React'in önemli özellikleri.

• 3. parti kütüphaneleri kullanmanızı sağlar
• Zaman tasarrufu
• Daha Hızlı Geliştirme
• Sadelik ve Şekillendirilebilir
• Tamamen Facebook tarafından desteklenmektedir.
• Tek yönlü veri bağlamayla Kod Kararlılığı
• React Bileşenleri

---

11) Durum bilgisi olmayan bileşenler terimini açıklayın

Durum bilgisi olmayan bileşenler, yalnızca kendilerine sağlanan özelliklere göre DOM tabanlı işleyen saf işlevlerdir.

---

12) React Router'ı açıklayın

React Router, uygulamanıza yeni ekran akışları eklemenizi sağlayan bir yönlendirme kitaplığıdır ve aynı zamanda URL'yi sayfada gösterilenlerle senkronize halde tutar.

---

13) React ekosistemindeki popüler animasyon paketleri nelerdir?

React ekosistemindeki popüler animasyon paketleri

• Tepki Hareketi
• Tepki Geçiş Grubu

---

14) Jest nedir?

Jest, Facebook tarafından Jasmine'e dayalı olarak oluşturulan bir JavaScript birim test çerçevesidir. Otomatik sahte oluşturma ve jsdom ortamı sunar. Aynı zamanda bir test bileşeni olarak da kullanılır.

---

15) Dağıtıcı nedir?

Gönderici, eylemleri alacağınız ve kayıtlı geri aramalara veri yayınlayacağınız merkezi bir uygulama merkezidir.

---

16) Geri arama işlevi ne anlama gelmektedir? Amacı nedir?

setState tamamlandığında ve bileşen yeniden oluşturulduğunda bir geri çağırma işlevi çağrılmalıdır. setState asenkron olduğundan ikinci bir geri çağırma işlevi üstlenir.

---

17) Yüksek dereceli bileşen terimini açıklayın

Kısaca HOC olarak da bilinen daha yüksek dereceli bir bileşen, bileşen mantığını yeniden kullanmaya yönelik gelişmiş bir tekniktir. React'in bir parçası değil API, ancak bunlar React'in kompozisyon doğasından ortaya çıkan bir modeldir.

---

18) Sunum bölümünü açıklayın

Sunum bölümü, HTML oluşturmanıza olanak sağlayan bir bölümdür. Segmentin kapasitesi biçimlendirmede sunumsaldır.

---

19) Tepki js'deki Prop'lar nelerdir?

Props, verileri ebeveynden çocuğa aktarmanın bir yolu olan özellikler anlamına gelir. Prop'ların sadece bileşenler arasında bir iletişim kanalı olduğunu söyleyebiliriz. Her zaman ebeveynden çocuk bileşenine doğru ilerliyor.

---

20) React'ta süper anahtar kelimenin kullanımı nedir?

Super anahtar sözcüğü, bir nesnenin üst öğesindeki işlevlere erişmenize ve bunları çağırmanıza yardımcı olur.

---

21) JavaScript'teki getiri sloganını açıklayın

Getiri sloganı geciktirmek için kullanılır ve devam et verim sloganı olarak bilinen bir jeneratör çalışması.

---

22) İki tür React bileşenini adlandırın

İki tür reaksiyon bileşeni şunlardır:

• Fonksiyon bileşeni
• Sınıf bileşeni

---

23) React js'de sentetik olayı açıklayın

Sentetik olay, tarayıcının yerel olayı etrafında tarayıcılar arası sarmalayıcı görevi gören bir tür nesnedir. Ayrıca çeşitli tarayıcıların davranışlarını sinyal API'sinde birleştirmemize de yardımcı olur.

---

24) Tepki Durumu Nedir?

Belirli bir bileşenin nasıl işleneceğine ve nasıl davranacağına karar veren bir nesnedir. Durum, bir React bileşeninin ömrü boyunca değiştirilebilecek bilgileri saklar.

---

25) Reaksiyon js'deki durumu nasıl güncelleyebilirsiniz?

Bir durum bileşen üzerinde doğrudan veya dolaylı olarak güncellenebilir.

---

26) React'ta ok fonksiyonunun kullanımını açıklayın

Ok işlevi, geri arama olarak iletildiğinde hataların davranışını tahmin etmenize yardımcı olur. Dolayısıyla bundan kaynaklanan hataları hep birlikte önler.

---

27) React'ın yaşam döngüsü adımları nelerdir?

React js'nin önemli yaşam döngüsü adımları şunlardır:

• Başlatma
• Durum/Mülk güncellemeleri
• Yıkım, React'in yaşam döngüsüdür

---

28) Profesyoneller ve Durum arasındaki temel farkı belirtin

İkisi arasındaki temel fark, Durumun değişken olması ve Artıların değişmez olmasıdır.

---

29) React js'deki saf bileşenleri açıklayın

Saf bileşenler, herhangi bir bileşeni yalnızca render() ile değiştirebilen en hızlı bileşenlerdir. Kodun basitliğini ve uygulamanın performansını artırmanıza yardımcı olur.

---

30) React'ta bir segmenti ne tür bilgiler kontrol ediyor?

Bir segmenti kontrol eden esas olarak iki tür bilgi vardır: Durum ve Props

• State: Durum bilgisi değişecek, State'i kullanmamız gerekiyor.
• Sahne Donanımları: Sahne donanımları ebeveyn tarafından belirlenir ve parçanın kullanım ömrü boyunca belirlenir.

---

31) 'Create-react-app' nedir?

'create-react-app', tek bir temel reaksiyon uygulaması oluşturmanıza olanak tanıyan bir komut satırı aracıdır.

---

32) Tepki listesinde 'anahtar' kullanımını açıklayın

Anahtarlar, her liste öğesine sabit bir kimlik sağlamanıza olanak tanır. Anahtarlar benzersiz olmalıdır.

---

33) Çocuk desteği nedir?

Çocuk aksesuarları, bileşeni diğer bileşenlere özellik olarak aktarmak için kullanılır. Kullanarak erişebilirsiniz

{props.children}

---

34) Hata sınırlarını açıklayın?

Hata sınırları, alt bileşenlerin herhangi bir yerindeki Javascript hatasını yakalamanıza yardımcı olur. Bunlar en çok hatayı günlüğe kaydetmek ve geri dönüş kullanıcı arayüzünü göstermek için kullanılır.

---

35) Boş etiketlerin kullanımı nedir <> ?

React'ta parçaları bildirmek için boş etiketler kullanılır.

---

36) Katı modu açıklayın

StrictMode, tepki bileşenleri için kontroller ve uyarılar çalıştırmanıza olanak tanır. Yalnızca geliştirme yapısında çalışır. Görünür bir kullanıcı arayüzü oluşturmadan sorunları vurgulamanıza yardımcı olur.

---

37) Reaksiyona giren portallar nelerdir?

Portal, çocukları bir DOM düğümüne dönüştürmenize olanak tanır.  Portal Yöntemi Oluştur bunun için kullanılıyor.

---

38) Bağlam Nedir?

React bağlamı, reaksiyon bileşenleri ağacını kullanarak verileri aktarmanıza yardımcı olur. Çeşitli tepki bileşenleri arasında verileri global olarak paylaşmanıza yardımcı olur.

---

39) Webpack'in kullanımı nedir?

Webpack temelde bir modül oluşturucudur. Esas olarak geliştirme sürecinde çalıştırılır.

---

40) React js'de Babel nedir?

Babel, ES6, ES7 gibi en yeni JavaScript'leri çoğu tarayıcının anladığı düz eski ES5 JavaScript'e dönüştüren bir JavaScript derleyicisidir.

---

41) Bir tarayıcı JSX dosyasını nasıl okuyabilir?

Tarayıcının JSX'i okumasını istiyorsanız, o JSX dosyasının Babel gibi bir JSX transformatörü kullanılarak değiştirilmesi ve ardından tarayıcıya geri gönderilmesi gerekir.

---

42) React'ta MVC mimarisini kullanmanın ana sorunları nelerdir?

MVC mimarisini kullanırken karşılaşacağınız başlıca zorluklar şunlardır:

• DOM işleme oldukça pahalıdır
• Çoğu zaman uygulamalar yavaş ve verimsizdi
• Döngüsel işlevler nedeniyle modeller ve fikirler etrafında karmaşık bir model oluşturulmuştur.

---

43) Birden fazla ifade satırı olduğunda ne yapılabilir?

O zaman çok satırlı bir JSX ifadesi sizin için kalan tek seçenektir.

---

44) Azalma nedir?

İndirgeme, Devleti ele almanın bir uygulama yöntemidir.

---

45) Sentetik olaylar terimini açıklayın

Aslında tarayıcının yerel olayının etrafındaki tarayıcılar arası bir sarmalayıcıdır. Bu olayların stopPropagation() ve PreventDefault() arayüzleri vardır.

---

46) Fonksiyon öğesi için üst sınıf öğeleri ne zaman kullanmalısınız?

Elemanınız bir aşama veya yaşam döngüsü yapıyorsa birinci sınıf elemanlar kullanmalıyız.

---

47) Ayrıştırmada bir öğeyi nasıl paylaşabilirsiniz?

Devleti kullanarak verileri paylaşabiliriz.

---

48) Uzlaşma terimini açıklayın

Bir bileşenin durumu veya donanımı değiştiğinde, rest, oluşturulan öğeyi daha önce oluşturulan DOM ile karşılaştıracak ve gerekirse gerçek DOM'u güncelleyecektir. Bu süreç uzlaşma olarak bilinir.

---

49) setState() fonksiyonunu kullanmadan bir bileşeni nasıl yeniden oluşturabilirsiniz?

Herhangi bir bileşeni yeniden işlemek için ForceUpdate() işlevini kullanabilirsiniz.

---

50) Tepkideki donanımları güncelleyebilir misiniz?

Prop'lar salt okunur olduğundan, reaksiyon js'deki prop'ları güncelleyemezsiniz. Üstelik ebeveynden çocuğa alınan eşyaları değiştiremezsiniz.

---

51) 'Yeniden Yapılanma' terimini açıklayınız.

Yeniden yapılanma, çıkarma işlemidir dizi nesneler. İşlem tamamlandıktan sonra her nesneyi ayrı bir değişkene ayırabilirsiniz.

---

52) Prop'ların değerlerini güncelleyebilir misiniz?

Değiştirilemez olduğu için prop'ların değerini güncellemek mümkün değildir.

---

53) Montaj ve Demontajın anlamını açıklayın

• Elemanın DCOM'a eklenmesi işlemine montaj denir.
• Elemanın DCOM'dan ayrılması işlemine sökme işlemi denir.

---

54) 'prop-type' kütüphanesinin kullanımı nedir?

'Prop-types' kütüphanesi, yeni bir uygulamadaki aksesuarlar ve benzer nesneler için çalışma zamanı tipi kontrolü yapmanıza olanak tanır.

---

55) Tepki kancalarını açıklayın

React kancaları, State ve diğer React özelliklerini bir sınıf yazmadan kullanmanıza olanak tanır.

---

56) Parçalar Nedir?

DOM'a herhangi bir ekstra düğüm kullanmadan alt bileşenlerin bir listesini gruplamak için fragment anahtar sözcüğünü kullanabilirsiniz. Örneğin :

render() {

return (
);
}

---

57) createElement ve cloneElment arasındaki temel fark nedir?

• createElement, reaksiyon elemanları oluşturmak için reaksiyon tarafından kullanılır.
• cloneElement, bir öğeyi klonlamak ve ona yeni aksesuarlar aktarmak için kullanılır.

---

58) Kontrollü Bileşenler Nelerdir?

Kontrollü bileşenler, giriş elemanlarını kontrol eden bileşenlerdir.

---

59) Neden props.children'ı kullanmanız gerekiyor?

Bu props.children, bir bileşeni veri olarak diğer bileşenlere aktarmanıza olanak tanır.

---

60) react-dom paketindeki bazı yöntemleri listeleyin

Reaksiyon paketleri için önemli yöntemler şunlardır:

• oluşturma()
• hidrat()
• createPortal()
• unmountComponentAtNode()
• findDOMNode()

---

61) React'ta sunucu tarafı oluşturmayı nasıl yapabiliriz?

Sunucu tarafı oluşturmayı yapmak için reaksiyon hizmetini kullanabiliriz.

---

62) getInitialState() ve yapıcı() arasındaki farkı belirtin?

'React'i genişleterek bir bileşen oluşturmak istiyorsanız. Component', yapıcı Durumu başlatmanıza yardımcı olur. Ancak 'Reat.createClass'ı kullanarak oluşturmak istiyorsanız. o zaman 'genInitiaState'i kullanmalısınız.

---

63) Ref nedir?

Ref, DOM öğelerinin bir özelliğidir. Referansların temel amacı DOM öğelerini kolayca bulmaktır.

---

64) ComponentWillMount() nedir

ComponentWillMount(), bileşen başlatıldığında API çağrıları yapmak ve değerleri duruma göre yapılandırmak içindir. API çağrısı yapmak için Axios gibi bir HttpClient kullanın veya AJAX çağrısını tetiklemek için fetch() işlevini kullanabiliriz.

---

65) Veriler mağazaya nasıl gönderilir?

Verileri, ana bileşeni saklayan eyleme dayalı olması gereken başka bir bileşene gönderebiliriz.

---

66) Redux kullanarak daha fazla eylemi nasıl gerçekleştirebileceksiniz?

Aynı bileşeni daha fazla aksiyon akışında oluşturmak için çeşitli modüllerde aynı işlevselliği kullanıyoruz.

---

67) Redüktörleri nasıl dökebilirsiniz?

Kurtarmaları olay eylemlerine göre dağıtabiliriz. Bu eylem ayrı modüllere bölünmelidir.

---

68) React'ta kullanılan önceden tanımlanmış beş prototipten herhangi birini adlandırın

React js'de kullanılan en önemli prototipler şunlardır:

• numara
• dizi
• dizi
• nesne
• eleman

---

69) BindActionsCreators'ı kullanmanın amacı nedir?

BindActionCreator, eylem göndericiye dayalı olarak olayı HTML öğesine bağlamanıza yardımcı olur.

---

70) React'ta REFS nedir

Ref, öğeye yapılan bir referanstır. Çoğu durumda bundan kaçınılmalıdır. Ancak bazen DOM'a veya bileşenin örneğine doğrudan erişmeniz gerektiğinde kullanılır.

---

71) JSX öğesi diğer JSX bileşenlerine eklenebilir mi?

Evet, JSX öğesini, iç içe yerleştirme HTML öğelerine çok benzeyen diğer JSX bileşenleriyle birlikte kullanabilirsiniz.

---

72) React'ın Mevcut Kararlı Versiyonu Nedir?

React'ın mevcut kararlı sürümü 17.5 sürümüdür

---

73) Redux iş akışı özelliklerinin önemli bir özelliğini belirtin

Redux iş akışının önemli özellikleri şunlardır:

• Sıfırla: Mağazanın Durumunu sıfırlamanıza yardımcı olur
• Geri Döndür: Son taahhüt edilen Duruma geri dönmenizi sağlar
• Süpürme: Yanlışlıkla gerçekleştirebileceğiniz tüm devre dışı bırakma eylemleri kaldırılacaktır
• Commit: Geçerli Durumu başlangıç ​​Durumu yapmanıza yardımcı olur.

---

74) React JS ile React Native arasındaki farkı belirtin

React JS, kullanıcı arayüzleri oluşturmak için kullanılan ön uç açık kaynaklı bir JavaScript kitaplığıdır; React Native ise geliştiricilerin Android ve benzeri platformlarda React'i kullanmasına olanak tanıyan açık kaynaklı, mobil bir çerçevedir. iOS. Bu röportaj soruları aynı zamanda sözlü konuşmalarınıza da yardımcı olacaktır.