¿Tiene sentido seguir actualizando la versión de Bootstrap utilizada en mi aplicación web?

Para aquellos que no lo sepan, Bootstrap es un marco HTML, CSS y JS que se puede utilizar como base o punto de partida para crear un sitio web o una aplicación web.

Ahora estoy en una posición en la que tengo una aplicación en producción que fue diseñada con la versión 3 del marco, pero con un estilo adicional que es consistente con otros sitios web bajo la cartera de la compañía.

Sin embargo, estamos a punto de embarcarnos en algunas ampliaciones a esa aplicación web, y me pregunto: ¿debería actualizar la versión de bootstrap que utiliza la aplicación?

Pregunto esto por varias razones. La primera es que la versión 4 de bootstrap no es exactamente compatible con la versión 3: varias clases auxiliares han cambiado, reemplazado o eliminado por completo, por lo que es una cantidad de trabajo no trivial para actualizar (no excesivo, pero no una simple cuestión de actualizar un número de versión en package.json y reconstruirlo).

Ahora, entiendo que bootstrap es que inicialmente se trataba de hacer despegar su sitio web / aplicación web, un buen punto de partida, por así decirlo (de ahí el nombre). Pero teniendo en cuenta que la aplicación está más allá de ese punto de arranque, ¿debería considerar invertir el tiempo para actualizar el marco de arranque?

Sé que, en la superficie, esto parece una pregunta con una respuesta obvia, ¡por supuesto, mantienes tus cosas actualizadas! Pero, si piensa en Bootstrap como un medio para comenzar, luego de que esté en funcionamiento, ¿por qué debería continuar actualizando el marco en sí? Ya ha personalizado las piezas para las necesidades de su aplicación, ¿no debería permitirse ir en una dirección diferente?

Si Bootstrap como marco realmente se trata de comenzar (a diferencia de un marco como Rails o Django donde se trata de la productividad continua a lo largo de la vida de su aplicación), en algún momento, ¿no debería divorciarse del marco inicial?

(Como ejemplo, si clona un repositorio de inicio angular para comenzar a construir su aplicación, ¿volvería 4 o 5 meses después e intentaría combinar las actualizaciones de ese repositorio de inicio en su aplicación ahora activa?)

PD. Esta es la primera vez que hago una pregunta aquí. Si este no es un tipo apropiado de pregunta para este foro, me disculpo de antemano.

Puede pensar en actualizar Bootstrap de la misma manera que lo haría con cualquier otra dependencia.

1. ¿Introduce cambios importantes?
2. ¿Qué beneficios obtienes de la actualización?
3. ¿Los beneficios superan el riesgo o la inversión de tiempo?

En el contexto de una dependencia CSS (y potencialmente JS, si usa los scripts de ayuda), estas preguntas pueden pensarse de esta manera:

1. Si los nombres de clase utilizados en Bootstrap cambian o los estilos son significativamente diferentes, lo que rompería el estilo en su sitio, este es un cambio radical.
2. Puede obtener acceso a un mejor código modularizado, una cuadrícula más brillante, etc.
3. Obtener beneficios mejorados depende en gran medida de la cantidad de trabajo personalizado que ya haya realizado sobre su instalación anterior de Bootstrap. Si ha hecho mucho trabajo que depende de anular los estilos esperados, puede que no valga la pena.

Personalmente, considero que las plantillas de CSS se establecen en piedra para un proyecto una vez que he comenzado. Nunca voy a modificar el código Bootstrap real, y generalmente estoy apuntando a los estilos que quiero anular específicamente de Bootstrap. Esto significa que si actualizo Bootstrap, muchas cosas probablemente se romperán de formas sutiles que son difíciles de rastrear; para mí, no vale la pena la molestia de una ganancia mínima. Simplemente guardaría usando una nueva versión de Bootstrap para la próxima aplicación o página siguiente.

Las únicas excepciones que podría ver con respecto a esto son obtener la nueva cuadrícula o el código relacionado con el diseño, pero de nuevo, depende de cuánto trabajo a medida haya realizado en la versión anterior de sus dependencias CSS.