Learn TypeScript 3 by Building Web Applications

Smart versus dumb components

The ClientCard component in our previous example is what we usually call a dumb component. Such components are also known as presentational components or pure components.

The difference between smart components and dumb, presentational, or pure ones is that the latter don't fetch data themselves and, generally, don't include too much logic. For example, in our case, the ClientCard component receives a list of clients to display; it doesn't know where the data came from. Also, when a deletion is requested, this component only emits an event (that is, a signal). It doesn't have to decide what to do next.

Of course, you'll need some smarter components to make the link between your view layer and the rest of your ...