Frontend

Aşağıdaki kodun çıktısı ne olacak? ```javascript console.log(1); setTimeout(() => { console.log(2); }, 0); Promise.resolve().then(() => { console.log(3); }); console.log(4); setTimeout(() => { Promise.resolve().then(() => { console.log(5); }); }, 0); ```

useEffectEvent nedir ve neden gereklidir?

Takımınızdaki geliştirme süreci ve Git-flow hakkında bilgi verin. Kod inceleme süreci nasıl organize edilmiştir?

React listelerinde key özniteliği ne işe yarar?

Hangi state yöneticileri kullanıldı? Redux neden kötü?

useCallback'taki eski kapanma sorununu bağımlılık dizisine bağımlılık eklemeden nasıl düzeltebilirim?

TypeScript'te jenerikler nedir ve neden gereklidirler?

import { useState, useCallback } from 'react' const Bileşen = () => { const [sayac, setSayac] = useState(0); const handleClick = useCallback(() => { console.log(sayac); }, []); return ( <div> <div onClick={() => setSayac((prev) => prev + 1)}>Sayaç: {sayac}</div> <div onClick={handleClick}>Kaydet</div> </div> ); };

Bana kendinizden ve son iş deneyiminizden bahsedin.

Tarayıcıya URL girildiğinde ne olur? DNS sorgusundan sayfa çizimine kadar olan süreci açıklayın.

Hangi toplayıcıları kullandınız, kendi yapılandırmalarınızı yazdınız mı?

import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }

JavaScript'te kapanış nedir? Bir örnek veriniz.

Bir kullanıcı gecikmelerden şikayet ettiğinde, React uygulamasında performans sorununu çözmeye nasıl yaklaşırdınız?

JavaScript'te Event Loop nedir? Görevler hangi sırayla çalıştırılır?

Props güncellendiğinde ve önceki istek henüz tamamlanmadığında durumu nasıl yönetirsiniz? Yarış koşullarını nasıl önlersiniz?

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // kod burada };

import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }