Frontend
We have 5 minutes left — what else would you like to tell us that we haven't done but is important to consider for the solution to be ready for development?
How does position: absolute affect the rendering chain and compositing layers? Can it be avoided by other means?
What does a component re-render in React depend on?
Is it possible to refuse Zustand in favor of React Query (TanStack Query)?
What is your architecture for frontend projects (e.g., FSD or other)?
How do you feel about learning? How do you allocate time for development?
Tell me about the CSS-in-JS approach.
Tell me about useState in React: what is it, how does it work, is it a synchronous or asynchronous hook?
Technically, how was executing SQL queries in code — did you write direct SQL queries or use a library-layer (ORM)?
Have you worked with databases? If yes, which ones? What exactly did you do with them?
Have there been cases where the wording in the technical specifications was very vague, but something needed to be done and there was no one to ask?
What is the difference between interface and type in TypeScript? When should you use each?
Is it necessary to use useMemo for primitive data types when passing to a child component?
Have you worked with Lighthouse? Suppose you are tasked with improving the FCP (First Contentful Paint) metric. What ideas come to mind?
What data does the client need at what moment, and what will our API look like? What endpoints and data schemas are required?
/** * Write a component that will get a user by {{userId}} and display basic data * Use fetchUser for the request */ export const User: FC<Props> = ({ userId }) => { // Write your solution here: const user = userId && fetchUser({ id: userId }); if (!user) return null; return ( <div className="stack column"> <div>UserId: </div> <div>UserName: </div> </div> ); };
What blocking operations are there within the Critical Rendering Path?
How would you optimize a slow-running application? What methods would you use?
Live coding task: fix the counter with setInterval in useEffect, which works incorrectly due to closure issues.
What services are typically used at the application level (i.e., should be providedIn: 'root')?