Frontend

Haben Sie Tests geschrieben? Welche genau?

Wie kamen die Aufgaben ins Team? Gab es ein Pflichtenheft oder wurden die Aufgaben mündlich beschrieben? Können Sie ein Beispiel für eine Aufgabe geben?

Was gefällt Ihnen an Ihrer Arbeit und was gefällt Ihnen nicht oder nervt Sie?

Mit welchen State-Manager haben Sie interagiert und warum wurde Effector im letzten Projekt gewählt?

Haben Sie Fragen zum Produkt, Team oder Prozessen?

Mussten Sie schon einmal ohne Mockups arbeiten? Wie stehen Sie zu Aufgaben, die ohne Mockups erledigt werden müssen?

Was wissen Sie über den Kontext und das Schlüsselwort this?

Erzählen Sie mir, was Sie über die Event Loop wissen, was es ist und wofür es gebraucht wird?

Erzählen Sie mir von den aktuellen Arbeitmonaten: Was ist das Produkt, mit wem haben Sie gearbeitet, wie war das Team?

Was wissen Sie über den Garbage Collector in JavaScript? Was sind Speicherlecks und in welchen Fällen können sie auftreten?

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Sag kurz: `this` ist kein Geltungsbereich, sondern der Aufrufkontext der Funktion. Er wird nicht dort bestimmt, wo die Funktion deklariert ist, sondern wie sie aufgerufen wird. Man kann 3-4 Regeln hinzufügen: - Normale Funktionsaufrufe — `this` ist im Strict Mode meist undefined. - Objektmethode — `this` zeigt auf das Objekt links vom Punkt. - call / apply / bind — erlauben es, `this` explizit zu setzen. - Pfeilfunktionen — haben kein eigenes `this`, nehmen es aus dem äußeren Kontext.

Wie gut sind Sie darauf vorbereitet, bei Entdeckung von Fehlern durch den Tester zur vorherigen Aufgabe zurückzukehren? Wie gehen Sie mit häufigem Kontextwechsel um?

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Kurz gesagt: `this` ist kein Gültigkeitsbereich, sondern der Aufrufkontext der Funktion. Er wird nicht dort bestimmt, wo die Funktion deklariert wird, sondern dort, wo sie aufgerufen wird. Man kann 3-4 Regeln hinzufügen: - Normale Funktionsaufrufe — `this` ist im Strict Mode meist undefined. - Objektmethode — `this` zeigt auf das Objekt links vom Punkt. - `call / apply / bind` — erlauben es, `this` explizit zu setzen. - Pfeilfunktionen — haben kein eigenes `this`, nehmen es aus dem äußeren Kontext.

Wofür sind useMemo und useCallback? Ist es immer sinnvoll, sie zu verwenden?

Erfahrung mit Micro-Frontends?

Welchen State-Manager wurde im Projekt verwendet? Redux, MobX oder etwas anderes?

In welchen Fällen erfolgt ein erneutes Rendern einer Komponente 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