What are the differences between functional and class components in React?

What are the differences between functional and class components in React?

Functional components are simpler and use hooks for state and lifecycle methods, while class components use 'this' and have more boilerplate.

Can you give me an example of each?

Sure! A functional component looks like this: const MyComponent = () => { return <div>Hello</div>; }; A class component looks like this: class MyComponent extends React.Component { render() { return <div>Hello</div>; } }.

When should I use one over the other?

Use functional components for simpler components and when you want to leverage hooks. Class components are useful for more complex state management.

Are there any performance differences?

Functional components can be more performant due to less overhead, especially with React's optimizations like memoization.