Frontend
Co było konieczne w komponentach, które projektowałaś? Jak tworzysz komponenty?
Czy masz doświadczenie z ModernJS?
Wolisz pracować na Windows czy macOS?
Jak przechowywany jest stan w React? Z jakimi menedżerami stanu pracowałeś?
Jak był zorganizowany GitFlow: proces tworzenia gałęzi i pracy z zadaniami?
Co jest w klasowych komponentach React, czego jeszcze nie ma w funkcjonalnych?
Dlaczego Next.js nie jest potrzebny do paneli administracyjnych?
Jeśli użytkownik edytuje wiersz A i jego aktualna wartość polyname jest zgodna z wartością początkową, walidator nie powinien zgłaszać błędu. Dlaczego w Twojej implementacji walidator zgłasza błąd w tym przypadku, skoro początkowa wartość pola jest zgodna sama ze sobą?
const customMap = (array, transform) => { // coś jak array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["cześć", "świat"], item => item.length);
Czy masz doświadczenie w pisaniu BeanPostProcessor?
/** * Należy napisać funkcję, która przyjmuje jako wejście URL, * asynchronicznie wysyła zapytanie GET do tego URL i zwraca dane (json). * Do pobierania danych użyj fetch. * Możesz używać tylko API Promise. * Jeśli podczas zapytania wystąpi błąd, spróbuj ponownie 5 razy. * Jeśli ostatecznie nie uda się uzyskać informacji, zwróć błąd "Podany URL jest niedostępny". */
Czy możemy trochę zagłębić się w produkt z asystentem AI? Opowiedz, jak wyglądał flow od początku do realizacji tego produktu
Kto tworzył projekt w twoich poprzednich projektach — projektanci? Na jakich narzędziach pracowali (Figma, Photoshop, Avocode)?
Zadanie w React (3 podzadania): 1) Napraw formularz edycji użytkownika — po kliknięciu na nazwę użytkownika na liście, nazwa powinna być wstawiona do pola input formularza edycji. 2) Formularz edycji nie powinien się ponownie renderować podczas wpisywania tekstu w polu wyszukiwania (optymalizacja z React.memo). 3) Po wybraniu użytkownika z listy pole wyszukiwania powinno się resetować.
const Effects = () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("każde renderowanie 1")); console.log("każde renderowanie 2"); useEffect(() => console.log("każde renderowanie 3")); return ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Zwiększ </button> </> ); }; export default Effects; // 1 render: // Po kliknięciu: const Effects = () => { const [count, setCount] = useState(0); const [number, setNumber] = useState(0); useEffect(() => { console.log(count); return () => { console.log(count); }; }); return ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Zwiększ </button> </> ); }; export default Effects; // 1 render: // 2 1 3 // Po kliknięciu: // 2 1 3 // return null: // 2 1 3 // // 1: 1, 0 // +: 1, 2 // ++: 2, 2
const obj = [{ value: 1, elems: [ { value: 2, elems: [ { value: 3 }, { value: 6 }, ... ] }, { value: 4, elems: [ { value: 5, elems: [ { value: 6 }, ... ]} ] } ] }] ------------- setTimeout(() => { console.log(1); }, 0); const p = new Promise(resolve => { console.log(2); resolve(); }); p.then(() => { console.log(3) }).then(() => { console.log(4); }); console.log(5);
Co daje nam TypeScript? Jak pomaga w rozwoju?
Czym jest WeakSet?
Jakie zasoby branżowe czytasz, na przykład Habr?
Czy można sprawić, aby finally wykonało się jeszcze raz (z liczbą 10), nie zmieniając kolejności kodu, ale dodając coś wewnątrz funkcji?