Frontend

Temiz fonksiyon nedir? Ne zaman fonksiyon temiz olur? Yan etkiler nelerdir?

Aşağıdaki kod parçasını göz önüne alın: ```typescript let info = { name: "Alex", skill: ["git", "react", "read"], }; let started = (info: any) => { let { name, skill } = info; (name = "Alex Pool"), skill.push("delete"); return { name, skill, online: true, }; }; ``` `started` fonksiyonunun `info` nesnesiyle yaptığı işlemi açıklayın ve `started(info)` çağrısının çıktısını tanımlayın. Ayrıca, `started(info)` çağrısından sonra orijinal `info` nesnesinin değişip değişmediğini tartışın.

Takımda kod incelemesi nasıl geçti? Bir düzenleme var mıydı? Nelere dikkat ediyordu?

Tarayıcı renderlamanın kritik aşamaları hakkında bana anlat

Fonksiyona parametreler referansla mı yoksa değerle mi geçirilir?

HTML ve CSS ayrıştırması sıralı mı yoksa paralel mi gerçekleşir?

Event loop hakkında anlat: ne işe yarar, nasıl çalışır

arguments pseudo-dizisi nedir? Normal bir diziden nasıl farklıdır?

Recursion nedir? Kuralları nelerdir? Ne işe yarar?

React Reconciliation nedir? Nasıl çalışır? React, hangi kriterlere göre bir bileşeni güncelleyecek veya yeniden monte edeceğine karar verir?

CI/CD boru hatlarını, linters, prettier, pre-commit kancaları kurdun mu — kendin mi başlattın yoksa görev yukarıdan mı geldi?

useEffect ve useLayoutEffect ne zaman çağrılır?

Kendiniz ve iş deneyiminiz hakkında bana bilgi verin

// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

Aşağıdaki kod parçasının çıktısı ne olacak? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

React 18'de Reconciliation sürecinde ne değişti?

React neden gereklidir? Hangi sorunları çözer? Ne zaman gereksiz olur?

recursiveFunction(N) fonksiyonu { let sayac = 0; if (N > 0) { sayac = sayac + 1; recursiveFunction(N - 1); } // console.log(sayac) } recursiveFunction(3); // 3 3 3 ? Fonksiyonun çıktısının ne olacağını ve nedenini açıklayın. Ayrıca, mevcut rekursif fonksiyon uygulamasında herhangi bir sorun olup olmadığını belirleyin ve doğru sayımı ve kaydı yapmak için nasıl düzeltebileceğinizi önerin.

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `satır ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>Liste Uygulaması</h1> <Button onClick={handleUpdate}>`satır 1`i güncelle</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Emotion ve styled-components, stilleri çalışma zamanında mı oluşturuyor — bu bir sorun mu? Ne zaman sorun olmaya başlar? Daha iyi performans sağlayan alternatifler nelerdir?