What is the component-based approach in React as an architectural pattern? How can it be applied to the shown code?