Raksta par savu lomu komandā: vai tu biji līderis, līdera labā roka, vai tev bija pieredze pieņemt patstāvīgus lēmumus? Kā tika deleģētas lomas?
Frontend
Rääkige useCallbackist — kasutusstsenaarium, milleks see on vajalik?
Mida teeb in operaator TypeScriptis?
Ülesanne: läbida objektide puu (iga objektil on väljad value ja elements) ja arvutada kõigi väärtuste summa. Kuidas sa seda teeksid?
Rääkige Reactis vormidega töötamisest: kontrollitud ja kontrollimata komponendid, iga lähenemise eelised ja puudused.
Mis on React.memo? Millal kasutatakse useCallback?
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> Otsing: <LiveSearch /> </span>
function sum(a, b) { return a + b; } function memo() {}
// Serverist saadud andmed toote hinna kohta on järgmised: // 12345678 (hind võib olla ükskõik milline number vahemikus 1 kuni [phone]) // vaja on kirjutada funktsioon, mis teisendab hinna vormindatud stringiks järgmiselt: // 12'345'678
Räägi mulle Virtual DOM-ist ja reconciliation-mehhanismist Reactis. Kuidas React optimeerib puude võrdlust?
Räägi mulle React komponentide elutsükli etappidest
Kuidas kuvada bännerit ainult üks kord autoriseeritud kasutajale kõigis tema seadmetes?
Kas olete kunagi töötanud Blobiga? Kuidas luua link dünaamiliselt loodud faili allalaadimiseks?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("iga rēndings 1")); console.log("iga rēndings 2"); useEffect(() => { console.log("iga rēndings 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Palielināt </button> ); }
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Ülesanne: tüübistada funktsioon return obj[key] } getProperty(X, 'a') // ilma veata getProperty(X, ' ') // viga: võti ei ole kehtiv võti objekti X jaoks getProperty({ nimi: 'Sergey' }, 'nimi') // ilma veata
Kuidas teostada puu läbikäimist ilma rekursioonita? Milline andmestruktuur aitab?
Mis on puhastusfunktsioon (cleanup) useEffect'is? Millal see töötab? Kirjuta see useEffect'is.
Mis juhtub, kui komponendi tüüp muutub? Kas sama võti aitab säilitada olekut?
Lisaks meetoditele ja võtmetüüpidele, mida veel on Mapil, mida objektil ei ole?
Racontes-moi React Hook Form: ses principales fonctionnalités, comment il est utilisé, comment fonctionne la validation?