Frontend

There is a React component with an input. We click the 'Show input' button, and the input appears, but it does not get focus. Fix this. Suggest as many solutions as possible.

What do you think about this? Good tool, bad?

Have you ever used styled-components?

So, you came to it, did you describe contracts somehow?

What type of data did we process in this step?

Have you never tinkered with Kubernetes infrastructure?

How can you solve the problem of undefined in selectedId right now, without rewriting?

There is a component with a hierarchical data list in the form of a tree. You need to render this tree: parents and children with indentation to the right. Implement rendering without hide/show functions.

Are the applications that embed each other both built on React?

How can you solve the problem with the shared isOpen state for multiple nodes? Is there a more elegant solution?

Write a deep copy function for an object in pure JavaScript without using built-in tools.

Technically, did you deploy and configure the project from scratch yourself?

In setTimeout, the second parameter is usually the timeout, what number will you pass there?

Have you ever configured CI/CD, infrastructure-related things?

Isn't the toggleInput function called before this?

I see I click on item 2, hide it, and item 1 also closes. This shouldn't happen. Can you explain why this happens?

How can we solve this readability problem?

And the last project — how many developers were involved in total, what was the team like, and who did you have to communicate with?

Why do we need the level here? And if without it — let's try to remove +1, then everywhere will be 0, right?

Let's go step by step: you pressed the Toggle Input button — tell what happens in the DOM tree at that moment.