Frontend

Ko dara in operators TypeScript?

Middle+

IT One

Pastāstiet par useCallback — lietošanas scenārijs, kam tas ir nepieciešams?

Middle+

IT One

Pastāstiet par darbu ar formām React: kontrolētas un nekontrolētas komponentes, katras pieejas plusi un mīnusi.

Middle+

IT One

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> Meklēšana: <LiveSearch /> </span>

Middle+

IT One

Uzdevums: pārbaudīt objektu koku (katrs objekts ir lauki value un elements) un saskaitīt visu value summu. Kā tu to realizētu?

Middle+

IT One

Vai jūs kādreiz esat strādājis ar Blob? Kā izveidot saiti, lai lejupielādētu dinamisku failu?

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Uzdevums: funkciju tipizēt return obj[key] } getProperty(X, 'a') // bez kļūdas getProperty(X, ' ') // kļūda: atslēga nav derīga atslēga objektam X getProperty({ vārds: 'Sergey' }, 'vārds') // bez kļūdas

Middle+

IT One

Pastāsti par React komponentu dzīves cikla posmiem

Middle+

IT One

// Servera saņemtie dati par preces cenu ir šādi: // 12345678 (cena var būt jebkurš skaitlis no 1 līdz [phone]) // nepieciešams uzrakstīt funkciju, kas pārvērš cenu formatētā virknes formā: // 12'345'678

Middle+

IT One

Kas ir React.memo? Kad tas tiek izmantots useCallback?

Middle+

IT One

function sum(a, b) { return a + b; } function memo() {}

Middle+

IT One

let x = 5; (function () { console.log(x); let x = 0; })()

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("katrs atvaizdījums 1")); console.log("katrs atvaizdījums 2"); useEffect(() => { console.log("katrs atvaizdījums 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Palielināt </button> ); }

Middle+

IT One

Kas ir tīrīšanas funkcija (cleanup) useEffect? Kad tā darbojas? Uzraksti to useEffect.

Middle+

IT One

Kā realizēt koka apmeklējumu bez rekursijas? Kura datu struktūra palīdzēs?

Middle+

IT One

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //

Middle+

IT One

Pastāsti par Virtual DOM un reconciliation mehānismu React. Kā React optimizē koku salīdzināšanu?

Middle+

IT One

Kā uzrakstīt funkciju, kas atgriež Promise, kas tiek izpildīts pēc viena sekunde?

Middle+

IT One

Kas notiek, ja mainās komponenta tips? Vai vienāds atslēgas palīdzēs saglabāt stāvokli?

Middle+

IT One

const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }

Middle+

IT One