Build a Frontend Web Framework (From Scratch)

11 Subcomponents: Communication via props and events

This chapter covers

• Adding a new virtual DOM type to represent components
• Implementing subcomponents
• Passing data from a parent component to its children using props
• Communicating among components by using events

What’s the value of a component if it can’t include other components? The Component class that you implemented in chapters 9 and 10 can’t return other components from its render() method; it can return only fragments, elements, or text nodes. But, as you can imagine, building a complex application by using a single component that renders the entire view isn’t very practical.

In this chapter, you learn how to add subcomponents (components inside other components) to your framework ...