Notas

Diego López
Permalink

Estoy planteándome si quitar la sección de "Contenido creado por los Alquimistas" de la newsletter.

Pensaba que más gente me mandaría contenido suyo para ponerlo en la sección.

También es cierto que me da mucho palo tener que recordarlo cada semana.

Diego López
Permalink

📧 Mañana en la newsletter de #Alquimias voy a hablar de una técnica en el desarrollo de interfaces llamada Optimistic UI, ¿te suena?

Si no la conoces te invito a que te apuntes a la lista de correo (es gratis)

https://codingpotions.com/alquimias

Diego López
Permalink

❤️ Muchísimas gracias, de verdad, a todos los que estáis compartiendo el tweet y comprando el libro ❤️

Por cierto, me gustaría recordad que miréis bien la tabla de contenidos del libro, no me gustaría que alquien lo comprara pensando que explico algo que al final no se explica.

En respuesta a:

https://twitter.com/CodingPotions/st atus/1458139071654477826

Diego López
Permalink

Miraos esta lista de vídeos porque es brutal.

En lugar de explicaciones abstractas sobre refactorización se centra en la parte práctica con ejemplos reales y encima en español https://t.co/Ka3ZlXGaEF

Diego López
Permalink

Si como a mí os gusta el mundillo de los actores/actrices de doblaje os recomiendo mucho el podcast de @lavozdetuvida_

Tiene entrevistas con gente muy buena del sector, me da rabia que no tenga muchas más visitas.

https://www.youtube.com/watch?v=D69E VOkHcrg

Diego López
Permalink

¿Qué opináis del framework Astro? Se supone que mezcla conceptos de server generation / páginas estáticas con componentes React, Vue o Svelte.

¿Lo habéis usado ya? Yo creo que la idea es muy buena, tengo ganas de probarlo.

https://astro.build/

Diego López
Permalink

Ya lo explicaba en la newsletter de Alqumias, me gustan mucho los foros y por desgracia están muriendo.

Hoy en día las comunidades están en Discord porque es lo que está de moda cuando al final está pensado para ser un chat muy grande.


Entras en comunidades y te tienes que leer mensajes hacia atrás para entender de lo que se está hablando, en un scroll infinito y sin poder meter paginado.

Que sí, que han metido ahora lo de los hilos, pero son incómodos, y no están muy bien implementados.


Me hace gracia porque hay comunidades grandes que necesitan hacer uso de bots para limitar canales de texto a solo hilos cuando esa es la funcionalidad de un foro.

La sobreingeniería de programar bots para poder tener lo mismo que en un foro, pero eh, Discord está de moda.


Eso por no hablar de todo el contenido que se estará perdiendo al no indexarse en Google.

Si en un foro alguien tiene una duda y es respondida, al estar en Google más gente podrá buscarla y resolverla.


¿Por qué StackOverflow es tan popular? Porque pones tu duda en Google y acabas ahí.

Imagina que esa misma duda se resuelve en un Discord de una comunidad, jamás la vas a encontrar.

Diego López
Permalink

Ahora es cuando más os necesito.

Necesito que compartáis el tweet del ebook y que se lo paséis a gente que le pueda interesar. Ese pequeño gesto es de gran ayuda.

No lo suelo pedir porque no me gusta, pero no se saca libro todos los días 😉

Gracias de antebrazo.

En respuesta a:

https://twitter.com/CodingPotions/st atus/1458139071654477826

Diego López
Permalink

📣 ¡Tras muchos meses de trabajo hoy publico un ebook!

📗 Se trata de un ebook sobre Vue, en concreto sobre conceptos más avanzados como VUEX, portales, internacionalización y más cosas.

¡Espero que os guste!

https://leanpub.com/vue-avanzado


Muchas gracias a @guillermo_adan por diseñar la portada, a @muxed por el feedback y a @dawntraoz por ayudarme con las correcciones.

También gracias a los que lo estáis comprando y en general a todos los que me ayudáis compartiendo mi contenido y me dais ánimos.

Diego López
Permalink

Un atajo para el navegador que estoy usando mucho desde hace poco es el de Control + L (en Mac me parece que es Command + K).

Lo que haces es hacer focus sobre la barra de direcciones, con lo que puedo modificar la URL sin tener que usar el ratón.

Diego López
Permalink

¡Mañana publico el libro de Vue!

Os hago un spoiler de la nueva portada:

Diego López
Permalink

Me parece curioso que MX Linux salga como primera distro en la lista de más usadas de distrowatch.

¿Qué mejora respecto a Debian? ¿Instalador y herramientas propias?

Diego López
Permalink

Nowadays frontend:

py-2 px-4 bg-green-500 text-white font-semibold rounded-lg shadow-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-75 w-16 h-16 rounded text-white bg-black py-1 px-2 m-1 text-sm md:w-32 md:h-32 md:rounded-md

Diego López
Permalink

¿Qué tal el nuevo Age of Empires? El 3 no me gustó mucho.

He visto los gráficos y son como más cartoon ¿no?

Al online no creo que juegue mucho porque soy malísimo. ¿El modo campaña mola?

Diego López
Permalink

Mañana escribo en la newsletter sobre cómo hace git para llevar el registro de cambios y de commits sin que ocupe demasiado espacio en disco.

Si tienes curiosidad te puedes apuntar para recibir el correo aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

Odio cuando abro demasiadas tabs en el navegador y empieza a haber scroll horizontal.

En ese punto siempre empiezo a cerrar, es como que me da TOC o algo.

Diego López
Permalink

En casi todas las páginas que te metes sobre servicios te ponen "Trusted by" y una ristra de empresas grandes, y casi siempre sale Google.

Google debe ser que usa todas las tecnologías y servicios que existen.

Te ponen los logos y ya, ¿cómo sabes que lo usan de verdad?

Diego López
Permalink

Ayer se volvió viral un artículo de un medio de comunicación que entrevistaba a un hostelero que literalmente decía: "la gente pregunta por el sueldo y por si librará el fin de semana".

Aunque no de forma tan grave, en el sector de la informática/programación también pasa.


Anda que no hay ofertas en las que ni se pone la banda salarial. Te tienes que comer varias entrevistas simplemente para saber tu salario, y encima al preguntarlo directamente puede que saquen del proceso y todo.

Hay que pensar que si no ponen rango salarial por algo será.

Diego López
Permalink

Tengo dos monitores, pero tengo que admitir que apenas uso los dos.

Prefiero tenerlo todo en el principal e ir cambiando entre escritorios virtuales, así no tengo ni que mover la cabeza.

Diego López
Permalink

¿Qué opináis del patrón que se ha puesto de moda del Control + K menú?

Por ejemplo lo ha añadido recientemete Github para tener un buscador de comandos.

https://uiw.tf/cmdk

¿Se pondrá de moda en más sitios?


Por cierto, en esa misma web tienes más patrones que se están poniendo de moda.

https://uiw.tf/

Diego López
Permalink

Últimamente encuentro la respuesta a mis problemas más en issues de Github que en StackOverflow.

Lo malo es cuando das con uno de estos issues en los que hay mil respuestas y cada uno diciendo una cosa.

Diego López
Permalink

¿Cómo de raro es en Javascript mezclar named exports con exports defaults de todo el fichero?

Lo digo porque me gusta tener en el código de producción los named imports para hacer tree-shaking pero en los archivos de test prefiero importarme todo para no llenarlo de imports.

Diego López
Permalink

👻🎃👻🎃

This is Halloween, this is Halloween Developers scream in the dead of night This is Halloween, everybody make a commit Trick or treat 'til the neighbors gonna die of fright It's our town, everybody scream cause production is down In this town of Halloween.

👻🎃👻🎃

Diego López
Permalink

Disfraz de Halloween de JQuery.

Diego López
Permalink

Commit o trato.

Diego López
Permalink

👻🧟🎃

¡Feliz jabulin a todos!

🧟🎃👻

Diego López
Permalink

Pregunta sobre git, ¿trabajáis todo el rato sobre el remote?

Me he dado cuenta de que cada vez que hago commit ya lo subo al remote y que siempre los merge los hago con pull request, nunca mergeo ramas en local.

¿Os pasa igual?


Lo decía porque hay gente que opina que tenemos acoplado git al concepto de remote, que en realidad puedes hacer todo en local incluso los merge a otras ramas y subir al remote solo cuando sea necesario.

Lo malo es que con eso pierdes los pull requests por eso preguntaba.


Tampoco descarto que lo que estoy diciendo sea una tontería como una casa...

Diego López
Permalink

Esta semana también escribo en mi newsletter, la de #Alquimias, y mañana voy a hablar de HTML.

Si te interesa el tema te puedes apuntar para recibirlo aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

Seguro que muchos ya conocéis a @S4vitar por sus directos de hacking ético, pero hoy os vengo a recomendar un directo suyo montando un entorno de trabajo en Linux.

No es tan fácil encontrar gente que explique cómo montar este tipo de configuraciones.

https://www.youtube.com/watch?v=mHLw fI1nHHY


@S4vitar Me flipa ver vídeos de cómo la gente configura sus entornos, siempre aprendo algo nuevo que aplico a mi config.

Si os mola el rollo de personalizar las distros a tope echad un ojo a este subrredit:

https://www.reddit.com/r/unixporn/to p/?t=month


Me da la sensación que ya la gente no configura y personaliza tanto los sistemas operativos.

Antes había gente que cambiaba tanto Windows que no se reconocía, era muy típico cambiar iconos y demás. Hoy en día no se hace tanto ya, se prefiere el entorno por defecto.


¿Recordáis la época de escritorios 3D con reflejos y animaciones por todos lados? Tenía su gracia.

@makigas publicó un post hablando sobre la época del modding.

https://danirod.es/2020/09/204/

Diego López
Permalink

Hoy he estado usando localtunnel para poder probar https desde localhost y la verdad es que funciona de maravilla.

Tiras el comando con npx y ale ya tienes el puerto de localhost expuesto para hacer pruebas.

https://github.com/localtunnel/local tunnel

Diego López
Permalink

¿No aguantas la página de Medium y que tengas que abrir pestañas de incógnito para leer artículos?

Cambia la URL del artículo por http://scribe.rip y listo, por ejemplo:

https://scribe.rip/@nanovazquez/reac tjs-training-entendiendo-react-y-typescript-5daf1fee26c7


Por cierto, en su página también te enseñan a cómo configurar la redirección de forma automática con una extensión, para que no tengas ni que recordar el nombre de su página.

https://scribe.rip/faq

Diego López
Permalink

Me quiero iniciar en el mundo de los cómics, ¿alguna recomendación?

Solo he leído cómics de Mortadelo y Filemón osea que podéis decir cualquiera.

Diego López
Permalink

Mirando un código JavaScript compilado (no me preguntéis por qué) he visto que Babel mete la keyword "yield".

Es de esas cosas que no he usado en mi vida, ¿tengo que preocuparme?

Diego López
Permalink

Como el ebook que escribí sobre Angular se ha quedado un poco anticuado he decidido ponerlo completamente GRATIS.

Por cierto, el ebook de Vue está casi casi terminado ya, saldrá muy pronto 👀

https://leanpub.com/angular-avanzado

Diego López
Permalink

Da igual lo que haga, el dual boot siempre se me rompe.

Llevo ya tiempo sin entrar en la partición de Windows y ahora ni me abre el Grub, directamente me abre Linux, aunque pulse teclas.


¿Cómo puede ser que eso siempre de problemas si tengo cada sistema en un disco duro distinto?

Voy a tener que volver a pasar el boot-repair a ver si consigo recuperarlo porque paso de tener que reinstalar.

Diego López
Permalink

Por cierto, ya deberíais tener el email de Alquimias en vuestra bandeja de entrada, comprobad que no os ha llegado al spam. Espero que os guste!

Diego López
Permalink

En la newsletter de mañana de #Alquimias voy a hablar del imparable proceso de sustitución de todo lo que se pueda por tecnología.

Si quieres recibir el email te puedes apuntar aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

Es un chiste, no os lo toméis en serio.

De todas formas si que creo que a veces pasa eso, que nos centramos en tener la mejor herramienta posible para luego no usarla.

Usa lo que te sea más sencillo y si ves que escribes mucho ya cambiarás la herramienta.

Imagen de @freetonik

Diego López
Permalink

Si necesitas extraer los colores predominantes o la paleta de color de una imagen puedes usar esta librería para Javascript creada por @Kikobeats

Lo bueno es que te deja usar directamente una URL de una imagen.

https://github.com/microlinkhq/splas hy

Diego López
Permalink

¿Alquien sabe por qué al intentar abrir una URL de localhost sin poner el http se abre este popup?

Me suena que antes no pasaba.

Es en Firefox 93.0 para Ubuntu.

Diego López
Permalink

En Medium usando Firefox apenas puedo copiar textos porque al seleccionarlos se abre lo de compartir en redes, otro motivo más para odiar esa plataforma, por favor no la uséis.

Diego López
Permalink

Personalmente no veo le veo sentido a comprarse el nuevo MacBook Pro y gastarse cerca de 2k euros si es solo para programar.

Si realmente necesitas potencia y no lo vas a mover del sitio yo pillaría un sobremesa.

PD: Que cada uno se compre lo que quiera, lógicamente.

Diego López
Permalink

Da igual lo que instales con npm, siempre te tira un montón de warns.

¿Alguien hace caso a eso? Porque si nadie lo mira pues que lo quiten de npm y listo.


Diego López
Permalink

Odio cuando en Javascript haces un forEach de un array y dentro necesitas usar await y tienes que poner un Promise.all por fuera para esperar por todo el array.

Ejemplo:

await Promise.all( http://array.map(async (x) => { await llamadaAsincrona(); }) );

Diego López
Permalink

Me parece lamentable que las tarjetas gráficas sigan estando tan caras, y eso que las nuevas salieron hace ya tiempo.

Y de la escasez de chips ya ni hablamos....

Diego López
Permalink

En el email de #Alquimias de mañana voy a hablar de los ya extintos foros de Internet.

Si como yo los echas de menos no te lo pierdas, te puedes apuntar para recibirlo aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

Han conseguido renderizar el juego de DOOM usando únicamente checkboxes de HTML.

¿Puede ser el DOOM el juego más porteado de la historia? Funciona en cualquier sitio, es increíble.

https://healeycodes.github.io/doom-c heckboxes/


El DOOM funciona en la pantalla de un coche:

https://www.youtube.com/watch?v=NRMp NA86e8Q

En un apple watch:

https://www.youtube.com/watch?v=KXhf _SpO6wA

En un test de embarazo:

https://www.youtube.com/watch?v=D5NT JSfUWDE

En una calculadora:

https://www.youtube.com/watch?v=nduM TX86Zl0&t=4s

En un osciloscopio:

https://www.youtube.com/watch?v=m2JO s0Aldq0


Esto ya si que es otro nivel, el DOOM funcionando directamente en la consola del navegador.

En Firefox no funciona por cierto, solo en Chrome y similares.

Al parecer usa un truco con un canvas y WebAssembly.

https://mattcozendey.github.io/

Diego López
Permalink

Una pregunta, ¿Tenéis por ahí algún artículo que hable de seguridad en bases de datos y APIs (backends)?

Me vale con que se hable de lo mínimo imprescindible por si un hago una API no cagarla a niveles catastróficos.

Gracias de antebrazo.

Diego López
Permalink

¿No os parece Flutter un poco código spaguetti?

Mirad este ejemplo que aparece en su homepage, y es para hacer simplemente una imagen que gira, no me quiero imaginar páginas más complejas.

Diego López
Permalink

Últimamente de los pocos podcast que escucho es el de @AbrimosMelon

Me encanta que no sea demasiado largo y que sea una conversación cercana y amena.

Que tenga vídeo también mola.

https://www.youtube.com/watch?v=Sp4Q p6feH4s

Diego López
Permalink

Miércoles con sabor a lunes.

Diego López
Permalink

Otra semana que no tengo links para la sección de "Contenido creado por los Alquimistas" de la newsletter.

Si recientemente has escrito un artículo, has sacado una librería, has creado un vídeo o lo que sea, manda un enlace por mensaje privado para meterlo en el email.

Gracias!

Diego López
Permalink

¿Existe alguna web en la que pasando el nombre de una canción te devuelva a qué género pertenece?

Sobre todo me pasa con música electrónica que existen canciones que no sé en qué subgéneros meterla.

Diego López
Permalink

¿Qué parte del desarrollo de software es la que peor se te da?

En mi caso es la arquitectura y patrones de diseño. Estoy habituado a front y a proyectos no demasiado grandes y normalemente no practico este tipo de cosas.

Diego López
Permalink

Update del ebook de Vue_

La parte buena es que solo me queda revisarlo todo y añadir imágenes.

La parte mala es que he decidido quitar el capítulo de testing, ya que no me veo capaz de explicarlo correctamente, ya que yo solo testeo lógica de negocio y no componentes de Vue.


Si de todas formas quieren aprender a testear componentes de Vue os recomiendo el libro de @alexjoverm y @paul_melero que os lo van a explicar mejor que yo, y además está en español:

https://leanpub.com/testeando-vuejs


Y eso es un poco todo, la idea es sacarlo para finales de octubre o principios de noviembre.

Os dejo otra vez el enlace de mi libro por si alguien quiere apuntarse para que le avise cuando se publique:

https://leanpub.com/vue-avanzado


Por cierto, hubo gente que se ofreció a ayudarme a revisar el libro, si es tu caso por favor envíame un mensaje privado.

Gracias a todos!

Diego López
Permalink

En 10 minutos se envía la newsletter, revisad la carpeta de spam por si os llega ahí. Espero que os guste!

Diego López
Permalink

📮 Mañana en la newsletter que escribo de #Alquimias hablo de console.log() y otros métodos interesantes de consola.

Si quieres recibir el email te puedes apuntar aquí, que es gratis y además me haces muy feliz 😃

https://codingpotions.com/alquimias

Diego López
Permalink

¿Para desarollo de apps móviles qué se usa hoy en día?

He visto que existe Expo, React Native, Flutter, NativeScript...

Obviamente lo mejor es app antiva para Android y otra para IOS, pero, ¿para desarrollos rápidos?


Me llama la atención Expo con React Native porque puedes probar los desarrollos para IOS sin tener que tener un Mac, pero, ¿tiene alguna desventaja respecto a otras alternativas?

Diego López
Permalink

¡He publicado mi primera extensión para el vscode!

Se trata de un tema de color inspirado en el personaje del Joker 🃏

Feedback o issues son siempre bienvenidos.

https://marketplace.visualstudio.com /items?itemName=codingpotions.joker-theme


Por cierto, crear un tema para el #vscode es muy sencillo con esta web con la que podrás cambiar colores de manera visual.

https://themes.vscode.one/

Te recomiendo escoger pocos colores y reutilizarlos para que se vea consistente.

Para publicar el tema:

https://themes.vscode.one/faq/publis hing-theme

Diego López
Permalink

¿Usáis monorepo para varios proyectos? ¿por qué?

Sé que por ejemplo Google tiene un montón de proyectos bajo el mismo monorepo, pero tengo dudas de sus ventajas,

Me da mucho miedo en repos con tantos proyectos el historial de commits, mergeos, pull requests, issues, etc

Diego López
Permalink

Hay veces que necesitas poner top, right, bottom y left con el mismo valor, por ejemplo:

top: 10px; right: 10px; bottom: 10px; left: 10px;

Pues puedes cambiar todo eso por:

inset: 10px;

Soportado por los navegadores excepto IE:

https://caniuse.com/?search=inset

Diego López
Permalink

Sigo a unas cuantas de estas newsletters y os recomiendo hacer lo mismo si os interesa el diseño.

Por cierto, en español y sobre programación no hay muchas, ¿no?

Aparte de la que yo escribo, creo que solo conozco la de @delineas y la mítica @bonilista de @david_bonilla

En respuesta a:

https://twitter.com/gferreres/status /1445009809946947584

Diego López
Permalink

Hoy he aprendido que se puede animar la propiedad z-index.

Te vale para salir del paso, pero para animaciones fluidas y ligeras siempre es recomendable animar transform o opacity.

Para ver un ejemplo haz hover sobre el cuadrado rojo:

https://codepen.io/matuzo/pen/wvzRxK J

Diego López
Permalink

Increíble lo que es capaz de dibujar la gente usando solo CSS, sin imágenes.

En las respuestas dice que durante un año ha estado dedicando media hora al día, un ejemplo más del poder de la constancia.

En respuesta a:

https://twitter.com/ivorjetski/statu s/1443211644318932999


Por cierto, no os desaniméis con este tipo de cosas.

Es normal ver esto y pensar que no sabes nada de CSS, el síndrome del impostor.

Te tienes que quedar con todo lo que te queda por aprender, te tiene que motivar para tratar de seguir mejorando con paciencia y dedicación.


Si os pica la curiosidad de dibujar en CSS tenéis que echar un vistazo a los directos que hace @manz

https://www.youtube.com/watch?v=thvS qIo8D5s&t=23595s

Diego López
Permalink

El email de Alquimias de mañana tiene como asunto: 1%

¿Tienes curiosidad por saber sobre qué es el email? Puedes apuntarte a la lista de correo en este formulario:

https://codingpotions.com/alquimias

Diego López
Permalink

🎃 Spooky October 🎃

Diego López
Permalink

Los de @github han sacado un tema claro y otro oscuro diseñado para personas daltónicas.

Siempre pensamos al crear los temas en sacar uno claro y otro oscuro pero nunca pensamos en este tipo de personas (y me incluyo)


@github Ahora que lo pienso, ¿no hay una opción en el navegador o en el sistema que te modifique los colores para que se vean bien para personas daltónicas?

Lo mismo es que es necesario seleccionar los colores a mano y no se puede hacer de forma automática, no tengo ni idea.