Frontend

Պատմեք ձեր դերի մասին թիմում՝ արդյոք դուք ղեկավար էիք, ղեկավարի աջ ձեռքը, ունեիք ինքնուրույն որոշումներ ընդունելու փորձ? Ինչպե՞ս էին դերը բաժանվում։

Middle+

IT One

պատմեք useCallback-ի մասին — օգտագործման սցենար, ինչու է անհրաժեշտ?

Middle+

IT One

Ի՞նչ է անում in օպերատորը TypeScript-ում։

Middle+

IT One

Խոսեք React-ում ձևերի աշխատանքի մասին՝ վերահսկվող և անվահակվող կոմպոնենտներ, յուրաքանչյուր մոտեցման առավելություններն ու թերությունները։

Middle+

IT One

Առաջադրանք՝ անցնել օբյեկտների ծառը (յուրաքանչյուր օբյեկտ ունի value և elements դաշտեր) և հաշվել բոլոր արժեքների գումարը: Ինչպե՞ս կիրականացնես դա։

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> Փնտրում: <LiveSearch /> </span>

Middle+

IT One

Ի՞նչ է React.memo-ը: Երբ է կիրառվում useCallback-ը?

Middle+

IT One

// Սերվերից ստացված տվյալները ապրանքի գնի մասին՝ // 12345678 (գինը կարող է լինել ցանկացած թիվ՝ 1-ից [phone] սահմաններում) // անհրաժեշտ է գրել ֆունկցիա, որը կփոխակերպի գինը ձևաչափված տողի՝ // 12'345'678

Middle+

IT One

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

Middle+

IT One

Ինչպե՞ս իրականացնել բանների ցուցադրությունը միայն մեկ անգամ՝ բոլոր սարքերում գրանցված օգտվողի համար:

Middle+

IT One

Խոսիր React կոմպոնենտների կյանքի ցիկլի փուլերի մասին

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Թեստ՝ ֆունկցիան տիպավորել return obj[key] } getProperty(X, 'a') // սխալ չկա getProperty(X, ' ') // սխալ՝ բանալի չի հանդիսանում X օբյեկտի համար վավեր բանալի getProperty({ name: 'Sergey' }, 'name') // սխալ չկա

Middle+

IT One

Դու երբևէ աշխատե՞լ ես Blob-ով: Ինչպե՞ս ստեղծել հղում՝ դինամիկորեն ստեղծված ֆայլը ներբեռնելու համար։

Middle+

IT One

Ինչպես իրականացնել ծառի շրջայց առանց ռեկուրսիայի: Որ տվյալների կառուցվածքը կօգնի?

Middle+

IT One

Պատմիր ինձ Virtual DOM և reconciliation մեխանիզմի մասին React-ում: Ինչպե՞ս է React օպտիմալացնում ծառերի համեմատությունը։

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("յուրաքանչյուր ռենդեր 1")); console.log("յուրաքանչյուր ռենդեր 2"); useEffect(() => { console.log("յուրաքանչյուր ռենդեր 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Հավելել </button> ); }

Middle+

IT One

Ի՞նչ է տեղի ունենում, եթե կոմպոնենտի տեսակն փոխվի: Օգնում է նույն բանալին պահպանել վիճակը?

Middle+

IT One

Ի՞նչ է useEffect-ում մաքրող ֆունկցիան (cleanup): Երբ է այն աշխատում: Գրեք այն useEffect-ում։

Middle+

IT One

Կպատմեք ինձ React Hook Form-ի մասին՝ հիմնական հնարավորություններ, ինչպես է օգտագործվում, ինչպես է աշխատում վավերացումը?

Middle+

IT One

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

Middle+

IT One