Frontend

Have you written tests? Which ones specifically?

How did tasks come into the team? Was there a technical assignment, or were tasks described verbally? Can you give an example of a task?

What do you like about your work, and what do you dislike or find irritating?

Which state managers have you worked with and why was Effector chosen for the last project?

Do you have any questions about the product, team, or processes?

Tell me what you know about the Event Loop, what it is and what it is used for?

Tell us what you know about context and the keyword this?

Tell about your current months of work: what product, who you worked with, what was the team?

Have you ever worked without mockups? How do you feel about tasks that need to be done without mockups?

What do you know about garbage collection in JavaScript? What are memory leaks and in what cases can they occur?

How ready are you to return to a previous task upon discovering defects during a deep focus on one task? How do you handle frequent context switching?

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Briefly say: `this` is not a scope, but a call context. It is determined not where the function is declared, but how it is called. You can add 3-4 rules: - Regular function call — this is usually undefined in strict mode. - Object method — this points to the object to the left of the dot. - call / apply / bind — allow explicitly setting this. - Arrow functions — do not have their own this, they take it from the outer context.

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Briefly say: `this` is not a scope, but a call context. It is determined not where the function is declared, but how it is called. You can add 3-4 rules: - Regular function call — this is usually undefined in strict mode. - Object method — this points to the object on the left of the dot. - `call / apply / bind` — explicitly set this. - Arrow functions — do not have their own this, they take it from the outer context.

What are useMemo and useCallback used for? Is it always rational to use them?

Experience working with micro frontends?

Which state manager was used in the project? Redux, MobX, or something else?

In which cases does a component re-render in React?

console.log("foo"); setTimeout(() => { console.log("bar"); }, 0); queueMicrotask(() => { console.log("baz"); Promise.resolve() .then(() => console.log("ban")); }); new Promise((resolve) => { console.log("bla"); resolve("baf"); }).then(console.log); console.log("bak"); //// foo bla bak baz baf ban bar