Design a React component to display a nested file and folder structure: correctly displays the nested structure, can hide and reveal folder contents, and dynamically fetches folder contents when they are expanded.
Frontend
What alternative methods exist for converting a string to an object? What are the disadvantages of recursion and what are the advantages?
Tell us a little about yourself, your experience, and relevant projects.
Tell more about your last workplace in technical terms, what you liked, what you didn't, and in which direction you'd like to move.
Is it possible to pass a body in a GET request?
Tell about the lifecycle of a React component: main stages mount, render, unmount.
When does a monolith turn into micro frontends? What attribute and property indicate that it is now micro frontends?
In what form are libraries connected to you?
Can query parameters be added in a POST request?
How did you split a monolith into micro frontends, and what technologies did you use?
Practical task: given a string of the form 'value.value.value', it is necessary to convert it into a nested object where each key is a part of the string, and the last key contains an empty object.
How to fix the issue with outdated value in the CommentsEditor component when useState does not respond to changes in the incoming prop? How can useEffect be used to solve this problem?
Are there differences in rendering between React versions (e.g., 17th and 19th)? What do you know about concurrent rendering and Fiber?
Practical task: given an array of points with fields time and value. Identify groups of points with the same value and keep only the start and end of each group (to optimize the construction of a linear graph).
Write a function that takes a string representing a set of keys separated by dots and converts it into an object with a nested structure.
Code review of React components Comments and CommentsEditor: identify logical and UX issues in the code (e.g., incorrect index saving when closing the curtain, problems with updating value when props change).
Tell me about CORS: what it is, why it is needed, what problems it solves, and how it works.
What is the basis of your internal line-up that you refer to when saying this micro-frontend is simple, and that one is complex?
Have you ever had to deal with architecture, write modules, develop from scratch? Are you familiar with Feature-Sliced Design (FSD)?
To avoid passing the onToggle prop through all levels of nesting, what alternative can be used?