Baseline te ayuda a comprender qué funciones son interoperables en los motores de navegadores modernos y seguras para usar hoy en día, pero ¿cómo usar Baseline en tus proyectos? En esta página, se presentan materiales para ayudarte a decidir cómo usarla y algunas de las consideraciones que deberás tener en cuenta en ese proceso.

Descubre cómo funciona Baseline

La línea base funciona ofreciendo claridad en la mensajería a través de tres umbrales. Estos umbrales indican el nivel de interoperabilidad en el conjunto de navegadores principales: Chrome para Android y computadoras, Firefox para Android y computadoras, Safari en macOS y iOS, y Edge. Cuando veas estas etiquetas y símbolos, podrás comprender rápidamente qué tan establecidas están las funciones web en los motores de navegación modernos:

Las funciones con disponibilidad limitada son aquellas que no se implementan en el conjunto principal de navegadores. El uso de estas funciones requerirá cierta planificación, posiblemente considerando polyfills y mejora progresiva.
Las funciones disponibles recientemente son aquellas que se implementaron hace poco en el conjunto principal de navegadores. Cuando veas que las funciones están recién disponibles, puedes esperar que se admitan de forma más amplia en los navegadores con el tiempo.
Las funciones ampliamente disponibles son aquellas que han sido interoperables en el conjunto principal de navegadores durante al menos 30 meses. Cuando las funciones están disponibles de forma general en el nivel de referencia, puedes esperar que sean compatibles con el conjunto principal de navegadores.

Antes de usar Baseline en tu proyecto, debes decidir qué destino de Baseline usar. Un objetivo de referencia es un objetivo en movimiento que evoluciona para agregar más funciones interoperables con el tiempo, o bien un objetivo fijo que representará el conjunto más reciente de funciones interoperables para un año determinado. En esta guía, obtén información para seleccionar tu objetivo de referencia de forma basada en datos.

Agrega Baseline a tu proyecto

Hacer un seguimiento de qué funciones son interoperables en los navegadores puede ser una tarea en sí misma, pero si usas Baseline en tu proyecto, así como herramientas que te ayuden en este proceso, puedes reducir el trabajo involucrado. Browserslist incluye varias consultas integradas que hacen que el uso de Baseline en tu proyecto sea lo más sencillo posible.

Agrega Baseline a tus herramientas de empaquetado y linting de desarrollo con consultas específicas de Baseline ahora integradas en Browserslist.
Aprende a integrar Baseline en un proyecto web con webpack, Babel y PostCSS en este codelab.

Explora las demostraciones de Baseline

Si buscas un poco de inspiración para descubrir cómo podrías usar Baseline en tus proyectos, consulta estas demostraciones de integraciones de herramientas para comenzar:

Descubre cómo puedes usar Baseline con tu proyecto de webpack.
Obtén más información para usar Baseline con tu proyecto de Rollup.

No todas las funciones web son interoperables, pero eso no significa que no puedas usarlas. Como parte de Baseline, no te decimos si debes usar funciones no interoperables o no. Esa es una decisión que debes tomar por tu cuenta, y publicamos una guía para ayudarte a pensar en eso.

Crea tus propias herramientas de referencia

¿Has estado buscando una herramienta específica para Baseline, pero no la encuentras? Las herramientas básicas son un espacio en desarrollo, y es posible que lo que necesites aún no se haya desarrollado. Si eres del tipo emprendedor, puedes crear tus propias herramientas. En estos artículos, se mostrará cómo usar los datos de atributos web de dos maneras para crear herramientas que te resultarán útiles a ti y a otras personas.

Obtén información sobre el panel de la plataforma web y cómo puedes consultar su API de HTTP para ayudarte a compilar herramientas de Baseline.
Aprende a usar los datos del paquete npm de web-features para crear tus propias herramientas de Baseline.