რა აკეთებს in ოპერატორი TypeScript-ში?
Frontend
გააზიარეთ useCallback-ის შესახებ — გამოყენების სცენარი, რატომ არის საჭირო?
გთხოვთ, ისაუბრეთ React-ში ფორმებთან მუშაობაზე: კონტროლირებადი და კონტროლირებადი არაკონტროლირებადი კომპონენტები, თითოეული მიდგომის უპირატესობები და ნაკლოვანებები.
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>
მუშაობა: ობიექტების ხის გადავლა (ყოველი ობიექტი აქვს value და elements ველები) და ყველა value-ის ჯამის გამოთვლა. როგორ განახორციელებდი ამას?
გთხოვთ, მომიყვე React კომპონენტების სიცოცხლის ციკლის ეტაპებზე
Blob-თან მუშაობდით კი? როგორ შექმნათ ჩამოტვირთვის ლინკი დინამიკურად გენერირებულ ფაილზე?
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // დავალება: ფუნქციის ტიპის განსაზღვრა return obj[key] } getProperty(X, 'a') // შეცდომა არაა getProperty(X, ' ') // შეცდომა: გასაღები არ არის ვალიდური გასაღები ობიექტისთვის X getProperty({ სახელი: 'Sergey' }, 'სახელი') // შეცდომა არაა
რა არის React.memo? როდის გამოიყენება useCallback?
// სერვერიდან მიღებული მონაცემები პროდუქტის ფასის შესახებ: // 12345678 (ფასი შეიძლება იყოს ნებისმიერი რიცხვი 1-დან [phone]-მდე) // საჭიროა დაწეროთ ფუნქცია, რომელიც ფასს გადააქცევს ფორმატირებულ სტრიქონად: // 12'345'678
function sum(a, b) { return a + b; } function memo() {}
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> ); }
რა არის ფუნქცია სუფთავება (cleanup) useEffect-ში? როდის მუშაობს? დაწერე ის useEffect-ში.
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
მითხარი React-ის Virtual DOM და reconciliation მექანიზმის შესახებ. როგორ ოპტიმიზირებს React ხეების შედარებას?
როგორ დავწეროთ ფუნქცია, რომელიც აბრუნებს Promise-ს, რომელიც ერთ წამში იხსნება?
let x = 5; (function () { console.log(x); let x = 0; })()
როგორ განვახორციელოთ ბანერის ერთჯერადი ჩვენება ავტორიზებულ მომხმარებელზე მისი ყველა მოწყობილობაზე?
შენ მიიღე კოდი მიმოხილვაზე — რა არ არის ოპტიმალური აქ?
როგორ განვახორციელოთ ხის შემოვლა რეკურსიის გარეშე? რა მონაცემთა სტრუქტურა დაგვეხმარება?