Frontend

Bir fonksiyon useEffect'in bağımlılık dizisinde kullanılıyorsa, useCallback ile sarmalanmalı mı?

useMemo ne için kullanılır? Frontend'de hangi ağır hesaplamalar olabilir?

[isim] kendisi ve frontend geliştirme deneyimi hakkında konuştu.

git fetch ile git pull arasındaki fark nedir?

Ofiste çalışmaya hazır mısınız?

React hook useRef ne için kullanılır?

useEffect ne için kullanılır? HTTP istekleri dışında örnekler verin.

Frontend bileşenleri geliştirirken SOLID ilkelerini nasıl uyguladınız?

Durum görevi: büyük XML dosyalarının senkron yüklemesi CPU-bound aşırı yüklenmeye, zaman aşımına ve bağlantı kopmalarına neden oldu. Sunucu akışını yönetmesi ve kullanıcının ilerlemeyi görmesi için frontend ve backend arasındaki etkileşimi nasıl değiştirirsiniz?

Birleştirme isteği oluştururken başka bir geliştiricinin koduyla çatışmalar bulunursa, ne yaparsınız ve bu tür çatışmaları gelecekte nasıl en aza indirirsiniz?

useLayoutEffect ile çalıştınız mı ve useEffect'ten nasıl farklıdır?

2016'dan 2021'e kadar lojistikteki deneyiminizden kısaca bahsedin: ne yaptınız?

React'te mimari deseneme olarak bileşen tabanlı yaklaşım nedir? Gösterilen koda nasıl uygulanabilir?

useCallback ve useMemo ne için kullanılır ve bu hook'ların aşırı kullanımının dezavantajı nedir?

"Yüksek trafikli arayüzler oluşturma" terimiyle ne anlıyorsunuz?

Git rebase kullandınız mı?

Durum görevi: sıfırdan XML dosyası yükleme sayfası oluşturmanız gerekiyor, sunucu bunları CPU-bound görevlerle uzun süre işler ve bir protokol döner. Kod yazmadan önce ilk adımlarınız nelerdir?

Tarihlerle çalışmak için benzer bir bileşen var, ihtiyaçların %90'ını karşılıyor ama props'ta farklı ve sabit stiller içeriyor. Nasıl ilerlersiniz?

Test olmadan büyük bir projeye yavaş yavaş TypeScript ekleyerek eski kodların göçünü deneyimlediniz mi?

import { useEffect, useState } from "react"; export const TaskList = ({ api, filter }) => { const [tasks, setTasks] = useState([]); const [newTitle, setNewTitle] = useState(""); useEffect(() => { api.getTasks(filter).then((res) => setTasks(res)); const interval = setInterval(() => { api.getTasks(filter).then((res) => setTasks(res)); }, 3000); }, [filter, api]); const addTask = () => { tasks.push({ id: Date.now(), title: newTitle, status: "active" }); setTasks(tasks); setNewTitle(""); }; return ( <div style={{ padding: 10 }}> <input value={newTitle} onChange={(e) => setNewTitle(e.target.value)} /> <button onClick={addTask}>Add Task</button> <div>Active: {tasks.filter((t) => t.status === "active").length}</div> <ul> {tasks.map((task) => ( <li key={task.title} style={{ color: task.status === "done" ? "gray" : "black" }} > {task.title} </li> ))} </ul> </div> ); };