¿Qué es el enfoque basado en componentes en React como patrón arquitectónico? ¿Cómo puede aplicarse al código mostrado?