TypeScript-də in operatoru nə edir?
Frontend
useCallback haqqında danışın — istifadə ssenarisi, niyə lazımdır?
React-də formalarla işləmək haqqında danışın: idarə olunan və idarə olunmayan komponentlər, hər bir yanaşmanın üstünlükləri və çatışmazlıqları.
Tapşırıq: obyekt ağacını (hər obyektin value və elements sahələri var) gəzin və bütün dəyərlərin cəmini hesablayın. Bunu necə həyata keçirərdiniz?
const LiveSearch = () => { const [inputValue, setInputValue] = useState('') const onInputChange = (e) => { setInputValue(e.target.value) search(e.target.value) } return ( <div> <input value={inputValue} onChange={onInputChange} type="text" /> </div> ) } <span> Axtarış: <LiveSearch /> </span>
React komponentlərinin həyat dövrü mərhələləri haqqında danış
Blob ilə işləyibsinizmi? Dinamik olaraq yaradılan faylı yükləmək üçün link necə yaradılır?
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Tapşırıq: funksiyanı tipləşdirin return obj[key] } getProperty(X, 'a') // xəta yoxdur getProperty(X, ' ') // xəta: açar X obyekt üçün keçərli deyil getProperty({ name: 'Sergey' }, 'name') // xəta yoxdur
React.memo nədir? useCallback nə vaxt tətbiq olunur?
function sum(a, b) { return a + b; } function memo() {}
// Serverdən məhsulun qiyməti haqqında məlumatlar aşağıdakı formada alınmışdır: // 12345678 (qiymət hər hansı ola bilər, lakin 1-dən [phone]-ə qədər aralıqda) // Qiyməti aşağıdakı formada formatlanmış sətirə çevirmək üçün funksiya yazmalısınız: // 12'345'678
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("hər render 1")); console.log("hər render 2"); useEffect(() => { console.log("hər render 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Artır </button> ); }
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
React-də Virtual DOM və reconciliation mexanizmi haqqında danış. React ağacların müqayisəsini necə optimallaşdırır?
useEffect-də təmizləmə (cleanup) funksiyası nədir? O nə vaxt işləyir? Bunu useEffect-də yaz.
Bir saniyə sonra həll olunan Promise qaytaran funksiyanı necə yazmaq olar?
let x = 5; (function () { console.log(x); let x = 0; })()
Təsdiqlənmiş istifadəçi üçün bütün cihazlarında bir dəfə banner göstərməyin yolu necədir?
Yoxlama üçün kod aldın — burada nə optimallaşdırılmayıb?
Ağacın rekursiyasız keçidini necə həyata keçirmək olar? Hansı məlumat strukturu kömək edir?