Ahora cambiemos de marcha y echemos un vistazo al mundo de Cloudia. ¿Cómo es su experiencia? Cloudia inicia las cosas simplemente creando una nueva carpeta vacía llamada Espacio de Trabajo del Reproductor para su proyecto de reproductor. Sin estar atada a un contexto de aplicación específico, el enfoque de Cloudia cambia. Ella está creando para la usabilidad, asegurando límites claros, documentación completa, y una API fácil de usar.
Despliega dos nuevos componentes, Reproductor y Control del Reproductor. Aprovechando una herramienta de andamiaje, los genera a partir de la plantilla de Componente React especializada de Spotify. Esta plantilla ya incluye el código esencial, documentación completa, ejemplos como historias, y todas las configuraciones, TypeScript, Linterpreter, Webpack. Lo mejor de todo, estas configuraciones están cuidadosamente guardadas. Sin distracciones ni desorden, Cloudia puede concentrarse puramente en lo que ama, escribir código.
A continuación, en su agenda, encontrar el botón correcto, Cloudia se sumerge en la plataforma de streaming. Está diseñada para desarrolladores como ella, ofreciendo una poderosa búsqueda contextual con filtros, como etiquetas como input o TypeScript, tecnología, en su caso React, y más. Además, es recibida con una rica experiencia de descubrimiento que muestra la versión actual del componente, tiene etiquetas completas, el tamaño del paquete de componentes, documentación completa, una demostración en vivo del componente, ejemplos preestablecidos, una referencia detallada de la API, todo lo que necesita justo en sus huellas dactilares, puntas de los dedos.
Pero espera, hay más, una vista clara de las dependencias y qué componentes dependen de este, detalles sobre los casos de prueba y su cobertura. Una lista de componentes similares que ofrecen alternativas. Claudia puede evaluar rápidamente si este componente se ajusta a la factura o tal vez explorar los similares. La mejor parte, todo está fresco y actualizado ya que es una parte integral del componente. No hay documentación desactualizada aquí. Claudia instaló sin problemas solo el botón, reflejando la experiencia de Spotify, descargando precisamente lo que requiere. No hay una parte innecesariamente voluminosa de un gran sistema de diseño. Esto no solo agiliza el tamaño de su paquete, sino que las futuras actualizaciones para este componente en particular serán más sencillas y seguras.
Claudia integra el componente de botón específico en su código. Sin embargo, pronto se da cuenta de que al botón le falta el estilo de circuito que necesita. En este enfoque moderno, Claudia tiene la capacidad de bifurcar un componente. Al hacerlo, extrae el código fuente del botón directamente en su espacio de trabajo. Este proceso incluye sin problemas sus dependencias y configuración como TypeScript, Jest y el linter. Aún mejor, todo se conecta automáticamente con el fork local, permitiéndole integrar y usar el botón en el código del reproductor tal como antes sin ningún ajuste adicional.
Claudia modificó la API del botón para acomodar el estilo específico que necesita. Tras este cambio, ejecuta un comando dedicado. Este comando no solo compila el botón, sino que también lo lintea y lo prueba, todo mientras aprovecha las herramientas nativas del botón y las configuraciones. Esto asegura que el botón actualizado permanezca consistente con sus estándares de calidad originales.
Comments