Habilelabs Interview Questions, Process, and Tips

Class components are based on ES6 classes and have lifecycle methods, while hooks are functions that allow state and other React features to be used in functional components.

• Class components have a render method, while functional components use a return statement.

• Hooks allow functional components to use state and lifecycle methods.

• Class components can have state and use lifecycle methods like componentDidMount, compone...read more

Breaking UI into components is a process of dividing a UI into smaller, reusable parts.

• Identify the UI elements that can be reused

• Create separate components for each element

• Ensure each component is independent and can be used in different parts of the UI

• Use a component library to manage and reuse components

• Examples: buttons, forms, navigation bars, etc.

Props are read-only data passed from parent component to child component, while state is mutable data managed within a component.

• Props are used to pass data from parent to child components

• Props are read-only and cannot be modified by the child component

• State is used to manage mutable data within a component

• State can be updated using setState() method

• State should be used sparingly and only for data that affects the comp