Font size
WorksheetsReact
Total questions: 25
Worksheet time: 58mins
1. React nədir?
A) Bir oyun motoru
B) İstifadəçi interfeysləri yaratmaq üçün JavaScript kitabxanası
C) Mobil tətbiq inkişafı üçün platforma
D) Veb server
2. JSX nədir?
A) JavaScript Chrome
B) JavaScript Extension
C) JavaScript XML
D) Array
3.Aşağıdakı komponentdə props necə istifadə edilir?
function Greeting(props) {
return <h1>Hello, {props.name}!</h1>;
}
A) Greeting({name}) olaraq istifadə edilir
B) <Greeting name="John" /> olaraq istifadə edilir.
C) {name} Greeting olaraq istifadə edilir
D) <Greeting {nameProps="John"}/> olaraq istifadə edilir
4. React-da context nədir və nə məqsədilə istifadə olunur?
A) context yalnız səhifə arxa planını dəyişdirmək üçün istifadə olunur.
B) context yalnız stil dəyişdirmək üçün istifadə edilir.
C) context yalnız komponentin həyat dövrü ilə əlaqəli bir metoddur.
D) context komponentlər arasında məlumat paylaşmaq üçün istifadə olunan bir üsuldur.
5.React-də list rendering necə edilir?
A) forEach() funksiyası ilə
B) map() funksiyası ilə
C) filter() funksiyası ilə
D) reduce() funksiyası ilə
6. React-də Virtual DOM ilə bağlı hansı fikirlər doğrudur?
Virtual DOM React-in performansını artırmaq üçün istifadə olunur.
Virtual DOM real DOM-dan daha yavaşdır.
Virtual DOM real DOM ilə müqayisə edildikdən sonra yalnız dəyişən hissələr yenilənir.
Virtual DOM-da bir dəyişiklik olduqda bütün komponentlər yenidən render olunur.
7. React komponentləri arasında məlumat paylaşımını asanlaşdıran hansı konseptdən istifadə edə bilərik?
A) Redux
B) Webpack
C) useEffect
D) Virtual DOM
8.React-də key atributu nədir?
A) Komponentin stilini idarə edən atributdur
B) Komponentin state-in dəyişməsini idarə edən atributdur
C) Komponentin props-larını idarə edən atributdur
A)List rendering zamanı hər bir elementin unikal identifikatorudur
9.React-də prop drilling nədir?
A) Məlumatın valideyn komponentdən uşaqlara ötürülməsi
B) Məlumatın bir komponentdən digərinə, bir neçə səviyyə vasitəsilə ötürülməsi
C)Məlumatın birbaşa uşaqlara ötürülməsi
D) Məlumatın yalnız bir səviyyə vasitəsilə ötürülməsi
10.React-də hooks-ların qaydaları nələrdir?
A) Yalnız class komponentlərində istifadə edilməlidir
B) Yalnız funksional komponentlərdə istifadə edilməlidir
C) Yalnız render dövründə istifadə edilməlidir
D) Hər yerdə istifadə edilə bilər
11.useRef hooku nə üçün istifadə olunur?
A) Vəziyyəti idarə etmək üçün.
B) API sorğuları göndərmək üçün
C) Asinxron əməliyyatlar üçün istifadə olunur
B) DOM elementlərinə birbaşa referanslar saxlamaq üçün
12.React-da componentDidMount lifecycle metodu nə zaman işləyir?
A) Komponentin render olunmasından əvvəl.
B) Komponentin render olunmasından sonra.
C) Komponent hər dəfə render olunduqda.
D)komponentin stilini dəyişdirmək lazım olduqda.
13.Aşağıdakı kodda hansı səhv var?
const App = () => {
const [name, setName] = useState("");
const handleChange = event => {
name(event.target.value);
};
return <input type="text" value={name} onChange={handleChange} />;
};
A)useState düzgün istifadə edilmir.
B) name funksiyadır, amma dəyər olmalıdır.
C) onChange düzgün yazılmayıb.
D) useState başlanğıc dəyəri almayıb.
14.React-də useCallback hook-u nədir?
A) Hesablamaları optimallaşdırmaq üçün istifadə olunur
B) Komponentin props-larını idarə edən hook
C) Funksiyaların yenidən yaradılmasını optimallaşdırmaq üçün istifadə olunur
D) Komponentin state-in idarə edilməsi üçün hook
15. React Fragment ilə bağlı hansı fikirlər doğrudur?
A) Fragment yalnız bir element ola bilər və içində başqa elementlər ola bilməz
B) Fragment komponent içində gərəksiz div elementlərinin qarşısını almaq üçün istifadə olunur.
C) Fragment-lərin qısa yazılışı boş (<> </>) sintaksisindən istifadə etməklə mümkündür
D) Fragment yalnız funksiya komponentlərində istifadə edilə bilər.
16.Bu kodun nəticəsi nə olacaq?
function App() {
const [count, setCount] = React.useState(0);
React.useEffect(() => {
setTimeout(() => {
setCount(count + 1);
}, 1000);
}, []);
return <p>{count}</p>;
}
A) 0-dan başlayaraq hər saniyə 1 artacaq
B) 0 olaraq qalacaq
C) 1 saniyədən sonra 1 olacaq və dəyişməyəcək
D) Error alınacaq
17.Ekranda nə görünəcək?
function Child({ message }) {
return <p>{message}</p>;
}
function App() {
return <Child message="Hello World" />;
}
A) Hello message
B) messsage
C) World
D) Hello World
18.Redux Toolkit-də createSlice nə üçün istifadə olunur?
A) Action-ları çağırmaq üçün
B) Store-u bütün komponentlərə ötürmək üçün
C) Reducer, action və initialState-i bir yerdə yaratmaq üçün
D) Gələn action-a görə state-i yeniləmək üçün
19. Redux-un əsas hissələrindən biri hansıdır?
A) Store
B) JSX
C) Component
D) Hook
20.Webpack nədir?
A) JavaScript kodunun müxtəlif brauzerlərdə işləməsi üçün transformasiya etmək üçündür
B) JavaScript modullarını birləşdirən və optimize edən bir alətdir
C) Helper funksiyalarını təkrarlamamaq üçün kodu optimallaşdırmaq üçündür.
D) JSX və React kodunu transformasiya etmək üçündür
21. Action nədir?
A) Yeni komponent yaratmaq
B ) API request göndərmək
C) State-i dəyişmək üçün göndərilən siqnal
D) CSS stilini tətbiq etmək
22.Conditional rendering nədir?
A) Hər zaman element göstərmək
B) Şərtə görə element göstərmək
D) State dəyişdirmək
D) CSS əlavə etmək
23.React Router-da useNavigate hook nə iş görür?
A) API-yə sorğu atır
B) Yönləndirmə (navigation) etmək üçün istifadə olunur
C) State dəyişir
d) CSS class dəyişir
24.Class komponentdə state necə dəyişdirilir?
A) this.state.count = 5
B) this.setState({ count: 5 })
C) useState(5)
D) setState= { count: 5 }
25.Class komponentdə state və props arasındakı fərq nədir?
A) Fərq yoxdur, hər ikisi
eynidir
b) Props valideyndən gəlir, state isə komponent daxilində idarə olunur
C) Props dəyişməzdir, State dəyişkəndir
D) Props yalnız string ola bilər, state isə number