Cómo eliminar duplicados de un array y obtener solo valores únicos en JavaScript

¡Hola a todos! Soy nuevo en JavaScript y me encontré con un problema al trabajar con arrays. Tengo un array que contiene valores repetidos. Necesito obtener un nuevo array que contenga solo elementos únicos, es decir, sin duplicados. Por ejemplo, tengo este array:

const fruits = ['apple', 'banana', 'apple', 'orange', 'banana', 'kiwi', 'orange'];

Quiero obtener como resultado: ['apple', 'banana', 'orange', 'kiwi'] — es decir, cada fruta aparece solo una vez, y el orden se mantiene según la primera aparición. Intenté escribir mi propia función con un bucle y verificación mediante indexOf, pero el código resultó voluminoso y poco legible. Creo que en JavaScript moderno debería haber formas más elegantes de hacer esto. Por favor, indíquenme qué métodos existen para eliminar duplicados de un array. ¿Cuáles se consideran los mejores en términos de rendimiento y legibilidad? Me interesan soluciones tanto para arrays de primitivos como para objetos.