Frontend

Ինչ կլինի այս կոդի ելքը: ```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); ```

Պատմեք ձեր թիմում զարգացման գործընթացի և Git-flow-ի մասին: Ինչպես է կազմակերպված կոդի վերանայման գործընթացը։

useEffectEvent ինչ է և ինչու է անհրաժեշտ?

Ինչու է React-ի ցանկերում անհրաժեշտ key ատրիբուտը?

Որոն state-մենեջերներն օգտագործվեցին: Ինչու է Redux-ը վատ?

Ինչպես լուծել useCallback-ում հնացած փակագծի խնդիրը առանց կախվածությունների ցանկում ավելացնելու?

Ի՞նչ են TypeScript-ի գեներիկները և ինչու են դրանք անհրաժեշտ:

import { useState, useCallback } from 'react' const բաղադրիչ = () => { const [համար, setՀամար] = useState(0); const handleClick = useCallback(() => { console.log(համար); }, []); return ( <div> <div onClick={() => setՀամար((prev) => prev + 1)}>Համար: {համար}</div> <div onClick={handleClick}>Գրանցել</div> </div> ); };

Իմացեք ինձ և ձեր վերջին աշխատանքային փորձը։

Ի՞նչ է տեղի ունենում, երբ մուտքագրում եք URL-ը բրաուզերում: Նկարագրեք գործընթացը DNS հարցումից մինչև էջի գծագրումը։

Ի՞նչ հավաքողներ եք օգտագործել, գրել եք ձեր սեփական կոնֆիգուրացիաները:

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-ում: Տվեք օրինակ։

Ինչպե՞ս կվերաբերվեիք React հավելվածում կատարողականի խնդիրների լուծմանը, եթե օգտվողը բողոքեր դանդաղեցումների մասին։

Ի՞նչ է Event Loop-ը JavaScript-ում: Որ կարգով են կատարվում առաջադրանքները։

Ինչպե՞ս կառավարել իրավիճակը, երբ props-ները թարմացվել են և նախորդ հարցումը դեռ չի ավարտվել: Ինչպե՞ս խուսափել race condition-ից։

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // կոդ այստեղ };

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>; }