-
create-react-app ile bir React uygulaması oluşturduktan sonra uygulamayı hangi komut ile geliştirme ortamında başlatırız?
- npm start X
- npm run build
- npm run
- npm run test
-
create-react-app ile oluşturulan bir React uygulamasının başlangıç noktası hangi dosyadır?
- app.js
- index.js X
- document.js
- root.js
-
Hangisi geçerli bir react element'idir?
<navbar><navbar /><Navbar />X<Navbar>
-
Bir JSX ifadesi yazarken css class'ı verilmek istendiğinde hangi keyword kullanılır?
- class
- ClassName
- Classname
- className X
-
index.html içerisinde bütün react uygulamasının render olduğu div element'inin id'si nedir?
- center
- app
- node
- root X
-
React'ın element'leri verimli bir şekilde güncellemesine katkı sağlayan hangisidir?
- Shadow DOM
- Virtual DOM X
- React DOM
- HTML DOM
-
State objesi tutmayan component yapısı hangisidir? (Hook'lar olmadan)
- Functional Component X
- Class Component
-
Kullanıcı tanımlı bir component'in kendisine aktarıldığı ve bütün özelliklerin (attribute) tutulduğu objeye ne ad verilir?
- state
- props X
- children
- attribute
-
State güncellerken kullanılan fonksiyon hangisidir?
- changeState
- setState X
- getState
- state
-
Props read-only yapılardır, hiçbir şekilde mutate edilemezler
- Doğru X
- Yanlış
-
Hangisi doğru bir kullanımdır?
- Kodluyoruz X
-
props.children bir ya da birden fazla element içerebilir.
- Doğru X
- Yanlış
-
Hangisi doğru bir kullanımdır?
<a href="#" onclick={handleClick}> Tıkla </a>
<a href="#" onClick={handleClick}> Tıkla </a>
X
-
Event Handler'a bir parametre gönderirken, event objesi manuel olarak gönderilmek zorundadır.
- Doğru X
- Yanlış
- React Element'leri değişkenlere atanarak koşula göre render edilmesi sağlanabilir.
- Doğru X
- Yanlış
- Bir koşula bağlı olmadıkları halde component'leri koşul ifadelerinin içerisinde barındırmak performans açısından maliyetli bir işlem değildir.
- Doğru
- Yanlış X
-
Data fetch yapılırken hangi lifecycle metot kullanılır?
- componentDidUpdate
- componentDidMount X
- componentWillUnmount
- shouldComponentUpdate
-
React'ın her props vee state değişiminde varsayılan bir şekilde component'i re-render etmesinin önüne hangi lifecycle metot ile geçilebilir?
- componentDidUpdate
- componentDidMount
- componentWillUnmount
- shouldComponentUpdate X
-
<React.Fragment></React.Fragment> yerine kullanılabilecek kısa syntax nedir?
- </>.....</>
- <>.....</> X
- <>.....<>
- </>....<>
- React Fragment kullanmanın sebebi birden fazla React element'ini
<div>gibi ekstra bir tag (etiket) kullanmadan return edebilmeyi sağlamaktır.- Doğru X
- Yanlış
-
Map ile listeleme yaparken özgün bir key kullanmak liste elemanlarını ayırt edebilmeyi sağlar.
- Doğru X
- Yanlış
-
Key olarak array index'ini kullanmanın performans açısından bir zararı yoktur.
- Doğru
- Yanlış X
-
Bir class component oluşturulurken hangisi extend edilir?
- React.useState
- React.Class
- React.Fragment
- React.Component X
-
React'te inheritance mı composition mı tercih edilir?
- Composition X
- Inheritance
-
useState hook'unu kullanırken, state'i değiştirmeye yarayan fonksiyonun ismi adlandırma kuralı olarak neyle başlar?
- get
- set X
- put
- change
-
componentDidMount, componentDidUpdate ve componentWillMount lifecycle metodlarının yerine kullanılabilecek hook hangisidir?
- useMemo
- useState
- useEffect X
- useContext
-
API'dan veri çekme gibi "side effect" olarak bilinen işlemlerin gerçekleştirildiği hook hangisidir?
- useMemo
- useState
- useEffect X
- useContext
- useState'in aldığı argüman ne işe yarar?
- State'in başlangıç değerini belirler. X
- State'in tipini belirler.
- set fonksiyonu tetikler.
- Alabileceği değer aralığını ifade eder.
-
Context.Provider içerisinde diğer component'ler tarafından erişilmesini istediğimiz değerleri yazdığımız props'un adı nedir?
- key
- value X
- id
- props
-
Provider’ın value kısmına yazmış olduğumuz bir değere erişmek için Context’in hangi componentini çağırmamız gerekir?
- Consumer X
- Context
- Provider
- Store
-
Ref özelliğini functional component'ler üzerinde kullanabiliriz.
- Doğru
- Yanlış X
-
Eğer functional component'lerinizde için ref kullanmak istiyorsanız ........ kullanabilirsiniz.
- forwardRef X
- props
- ref
- context
- Render prop'un amacı React component'leri arasında kod paylaşımı yapmak değildir.
- Doğru
- Yanlış X
- Render prop ile yeniden kullanılabilir component'ler oluşturmak mümkündür.
- Doğru X
- Yanlış
-
Higher Order Component'lerin var olan component'i değiştirirler.
- Doğru
- Yanlış X
-
Higher Order Component'ler Pure fonksiyonlardır, herhangi bir side effect'leri yoktur. Yalnızca kendi argümanlarına bağlı olarak yeni bir component return ederler.
- Doğru X
- Yanlış
-
Axios bir kütüphane değildir.
- Doğru
- Yanlış X
- Fetch ile herhangi bir kütüphaneye gerek kalmadan API isteği atılabilir.
- Doğru X
- Yanlış
-
Portal'ların kullanılabilmesi için root
<div>harici bir HTML DOM element'ine ihtiyaç vardır.- Doğru X
- Yanlış
-
Portal'lar ile child element'ler render edilirken, React bu element'lerin lifecycle'ları üzerinde kontrole sahip değildir.
- Doğru
- Yanlış X
-
Error boundary'ler 3 durumda hataları yakalar, hangisi bunlardan biri değildir?
- render
- lifecycle metotlar
- constructor
- Event Handler X
-
Error boundary'ler yalnızca kullanıldıkları component'in altındaki component ağacında meydana gelen hataları yakalarlar.
-
Doğru X
-
Yanlış
-
-
Route matching component'leri nelerdir?
- Switch, Link
- Redirect, Link
- Link, Route
- Switch, Route X
-
Herhangi bir durumda yönlendirmenin zorunlu olarak yapılması isteniyorsa hangi component kullanılır?
- Switch
- Redirect X
- Link
- Route