Typescript, node, nextjs, tailwind questions for a staff software engineering interview

Question 1

Define TypeScript.

Answer 1

A typed superset of JavaScript that compiles to plain JavaScript.

Question 2

What is the purpose of Node.js?

Answer 2

To run JavaScript on the server side, enabling backend development.

Question 3

True or false: Next.js supports server-side rendering.

Answer 3

TRUE

Next.js allows rendering pages on the server for better performance.

Question 4

Fill in the blank: Tailwind CSS is a _______ utility-first CSS framework.

Answer 4

Responsive

Question 5

What does tsconfig.json configure?

Answer 5

It configures the TypeScript compiler options for a project.

Question 6

Define middleware in Node.js.

Answer 6

Functions that have access to the request and response objects.

Question 7

What is a Next.js API route?

Answer 7

A serverless function that handles HTTP requests in a Next.js app.

Question 8

True or false: Tailwind CSS requires a preprocessor.

Answer 8

FALSE

Tailwind CSS can be used directly without a preprocessor.

Question 9

What is Type Inference in TypeScript?

Answer 9

The ability of TypeScript to automatically deduce types.

Question 10

Fill in the blank: Node.js uses _______ for asynchronous programming.

Answer 10

Event-driven architecture

Question 11

What does SSR stand for in Next.js?

Answer 11

Server-Side Rendering

Question 12

Define props in React.

Answer 12

Short for properties, they are inputs to React components.

Question 13

What is the purpose of npm?

Answer 13

To manage packages and dependencies in JavaScript projects.

Question 14

True or false: TypeScript can only be used with React.

Answer 14

FALSE

TypeScript can be used with any JavaScript framework.

Question 15

What is a Tailwind CSS component?

Answer 15

A reusable UI element styled using Tailwind’s utility classes.

Question 16

Fill in the blank: Next.js uses _______ for static site generation.

Answer 16

getStaticProps

Question 17

What is the useEffect hook in React?

Answer 17

A hook that allows side effects in functional components.

Question 18

Define asynchronous programming.

Answer 18

A programming paradigm that allows operations to run concurrently.

Question 19

What is TypeScript’s main advantage?

Answer 19

It provides static typing, enhancing code quality and maintainability.

Question 20

True or false: Node.js is single-threaded.

Answer 20

TRUE

Node.js uses a single-threaded model with event looping.

Question 21

What does getServerSideProps do in Next.js?

Answer 21

Fetches data on each request for server-side rendering.

Question 22

Fill in the blank: Tailwind CSS promotes _______ design.

Answer 22

Utility-first

Question 23

What is a TypeScript interface?

Answer 23

A structure that defines the shape of an object.

Question 24

What is the purpose of Express.js?

Answer 24

To simplify building web applications and APIs in Node.js.

Question 25

Define **static site generation**.

Answer 25

The process of generating HTML at build time for faster load.

Question 26

What is a **React component**?

Answer 26

A reusable piece of UI that can manage its own state.

Question 27

True or false: **Tailwind CSS** requires custom CSS for styling.

Answer 27

FALSE ## Footnote Tailwind provides all necessary styles through utility classes.