Si te encuentras con alguna parte que te causa duda puedes dejarlo en la sección de comentarios y te responderemos lo mas rápido que podamos.
Solución:
Esa es una opción de configuración de React para saber a qué navegadores debe apuntar el proceso de compilación.
Como dice la documentación:
La configuración de la lista de navegadores controla el JavaScript generado para que el código emitido sea compatible con los navegadores especificados.
Si tiene la intención de utilizar una función de ES, asegúrese de que todos los navegadores especificados la admitan; de lo contrario, debe incluir polyfills manualmente. React no lo hará por ti automáticamente.
Ver más en: https://facebook.github.io/create-react-app/docs/supported-browsers-features y https://create-react-app.dev/docs/supported-browsers-features/
Browserslist es una herramienta que permite especificar qué navegadores debe admitirse en su interfaz mediante el uso de “consultas”. Lo utilizan los marcos/herramientas de javascript modernos como React, Angular y VueJS, pero no se limita a ellos.
Veamos cada consulta individual en tu ejemplo:
- 0,2%: Todos los navegadores que tengan al menos el 0,2 % de la cuota de mercado mundial
- no muerto: Excluir navegadores sin soporte oficial en los últimos 24 meses
- no es decir <= 11: Excluir IE 11 y versiones anteriores
- no op_mini todo: Excluir Opera Mini
Puede encontrar más información al respecto (incluidas más opciones de consulta) en el repositorio de Browserslist.
Con esto, los compiladores pueden implementar de alguna manera estrategias de compilación más sofisticadas y optimizadas.
Por ejemplo, el compilador Angular puede generar dos paquetes separados en caso de que desee admitir navegadores ES5 heredados, de modo que un paquete está destinado a estos navegadores heredados y contendrá polyfills para que el código pueda funcionar (por lo tanto, tiene un tamaño de paquete más grande), y otro paquete optimizado para navegadores modernos que serán mucho más pequeños (ya que los navegadores modernos no necesitan polyfills).