María Simó Front—end developer

Recursos y lecturas del mes de Abril

Este mes de abril me ha dejado mucho tiempo para leer, pensar e investigar sobre temas nuevos y pendientes. Reúno aquí algunos de los artículos y lecturas que me parece interesante compartir con vosotros, y conmigo en algunas semanas o meses.

Scroll to Content

Created 8 months ago

Updated 8 months ago

Status

Completed, I could change my mind later

  • Spanish
  • Articulos

    Book shaped as a stairs. Illustration by Javier Jaen

    Ilustración del maravilloso Javier Jaen - javierjaen.com

    Arquitectura y testing

    📝 Modularizing React Applications with Established UI Patterns, Juntao QIU. Martin Fowler's blog (Inglés)

    Total highlight of the month. Si leeis un sólo artículo de esta lista que sea éste. Es difícil encontrar información sobre arquitectura en el front, especialmente aplicada a React. Este artículo conecta realmente bien la teoría con direcciones prácticas sobre como estructurar nuestra aplicación.

    📝 PresentationDomainData layering, Martin Fowler. Martin Fowler's blog (Inglés)

    ¿He dicho ya que amo a este señor? Referido en el primer artículo, está este otro artículo en el que Fowler apunta su propuesta de capas para una aplicación web. También muy interesante.

    🎥 The Art of Front-end Architecture, Adrià Fontcuberta. JS World 2021 (Español)

    En relación con lo anterior, el amigo Pedro Mareke me recomendó esta charla de Adrià Fontcuberta. Para empezar a pensar en tratar el framework de UI como un mecanismo de entrega, en lugar de como el centro mismo de la aplicación.

    📖 🎥 Domain modeling made functional, Scott Wlaschin (Inglés)

    Por mi trayectoría, mi experiencia con la programación orientada a objetos es prácticamente nula. Es por eso que me cuesta conectar con mucha de la información que existe sobre DDD y arquitecturas limpias, que suelen articularse usando clases y orientación a objetos.

    @MarcosNASAG me recomendó un libro que acerca el DDD al paradigma de la programación funcional. Ya he leído los primeros capítulos y me está encantando. Especialmente, cómo pone el acento en crear un lenguaje común con el cliente y los miembros no técnicos del equipo, y en que el código debe (y puede) hablar en estos mismos términos.

    What if the domain experts, the development team, other stakeholders, and (most importantly) the code source itself all share the same model?

    El autor además tiene una capacidad increíble para trasladar estas ideas de manera que parecen simples y evidentes.

    Si tenéis dudas sobre si conseguir el libro, Dani Santamaría me recomendó una charla en la que el autor presenta las ideas principales.

    🎥 Una historia de testing, Julio César Pérez (Español)

    No había visto esta charla de Julio César y me ha encantado. Las conversaciones en torno al testing suelen estar plagadas de buzzwords y superioridad moral. La charla de Julio relata una experiencia realista y cercana sobre el viaje de un equipo para aprender testing y mejorar el modo en que trabajan.

    React and the one with the dead SPAs

    Hace algunas semanas React publicó por fin su nueva documentación, y no ha estado falta de polémica. Parece que React apuesta, a través de su asociación cada vez más cercana con NextJS, por lo que se ha llamado "una vuelta al servidor" y una nueva etapa de "aplicaciones híbridas". Con Create React App deprecado y Vite arrinconado en un apartado colapsable de la documentación, ¿donde quedan las SPAs en 2023? ¿ya no es aconsejable usar React sin un metaframework? ¿Qué opciones hay para las aplicaciones y dashboard que viven detrás de un login? ¿Es todo un espejismo causado por el bleeding edge de Twitter?

    Aquí algunas lecturas sobre el tema:

    🧵 Nextjs SPA example, Dan Abramov (Inglés)

    Con su profusión habitual, Dan Abramov ha estado hablando de este tema durante las últimas semanas. Merece la pena darse una vuelta por su perfil de Twitter y (tratar de) seguir la conversación. En este hilo, ofrece una solución para crear una SPA con NextJs, con una muestra de código.

    📝 The Web’s Next Transition, Kent C. Dodds (Inglés)

    El bueno de Kent no podía faltar. Un artículo salpicado de acrónimos que te cuenta de donde venimos y hacia donde vamos. Según él, hacia algo que ha acuñado como PESPAs.

    📝 How to start a React Project in 2023, Robin Wieruch (Inglés)

    Un artículo claro y directo, que presenta varias opciones en el escenario actual.

    "[The new React documentation proposal] For many it seemed too much influenced by politics, too heavy on (meta) framework lock-ins, too focused on SSR, and too far away from the problems a normal tech worker faces in their daily work outside of the bleeding edge Twitter bubble."

    📝 New react docs pretends SPAs don't exists anymore, Matija Sosic (Inglés)

    "But what about typical Single Page Apps (SPAs)? Dashboard-like tools that live behind the auth (and don’t need SEO at all), and for which React was originally designed, still very much exist". Enlace

    📝 SPAs: theory versus practice, Nolan Lawson (Inglés)

    Más sobre las diferencias entre SPAs y MPAs. Enlace

    📝 React, rethinking best practices, Frontend Mastery

    Sobre el fin del dominio absoluto del client-side only en React, la vuelta al servidor, los React Server components y las aplicaciones híbridas. Enlace

    Un poco de esto y de aquello

    📝 Developer way

    El blog de Nadia Makarevich es oro puro. Artículos sobre el funcionamiento de React con una bajada a detalle realmente buena. Como muestra, éste sobre refs seguro que te hace aprender cosas nuevas.

    📝 Rebuilding a featured news section with modern CSS: Vox news, Ahmad Shadeed

    Ahmad Shadeed simple publica contenido de muchísima calidad sobre CSS. En este artículo, reconstruye un layout usando las nuevas características de CSS.

    📝 Crafting the new Nextjs

    Rauno explica, con ejemplos de código, un montón de niceties que han introducido en la nueva web de NextJs. Verdadera artesanía. Enlace

    📝 Don't become an architect astrounat

    Una reflexión de Maxi Ferreira sobre cómo es importante mantener los pies en la realidad del código.

    📝 Are pull requests bad because they originate from open-source development? by Mark Seemann

    Una refutación del argumento de que las pull request son malas para los equipos porque su origen está en el open source.

    Tooling y Shameless plug

    📝 Lo nuevo de la nueva versión Storybook

    Lo de mi romance con Storybook este mes. Storybook publicó su versión 7 hace unas semanas. Como venía cargada de novedades, me vi la presentación que hicieron para Storybook day y escribí un artículo con mis notas. Para mi sorpresa, el equipo de Storybook me contactó para hacer una traducción al inglés que pudieran compartir en sus redes. Lo mejor de todo ha sido descubrir Storybook como comunidad: un equipo super talentoso, generoso y dispuesto a recibir de la forma más calida a los que empezamos a hacer nuestras primeras contribuciones open source.

    📝 Guía de ESLint, parte 1: cómo usar ESLint con confianza

    La primera parte de una guía sobre ESLint que va desde las bases hasta la creación de una dependencia para externalizar la configuración y reusarla entre proyectos. Me gustaba ESLint y he aprendido mucho más sobre la herramienta documentándome para escribir el artículo. En el artículo podéis encontrar un montón de referencias adicionales, entre ellas la charla que Josh Golberg, uno de los maintainers de typescript-eslint, dio en la React Miami hace apenas una semana.

    No todo es código

    📝 La carretera fanstasma, Nacional III

    Un reportaje sobre una de las antiguas carreteras nacionales que llevaban a los madrileños a la playa en los 90, y sobre las formas de vida que se han extinguido con la construcción de la autovía. Los testimonios y las fotos cuentan una historia nostálgica pero sin sentimentalismos sobre el progreso de ayer y el progreso de hoy.

    🎥 Jorge Luis Borges sobre el inglés

    Estas semanas, que he estado leyendo, escribiendo y traduciendo del español al inglés, y de vuelta, me han hecho pensar en las limitaciones y posibilidades de cada lenguaje. La experiencia de cómo un idioma que aprendemos nos transforma, cómo nos abre caminos para pensar. Hay cosas que pueden ser pensadas y dichas más fácilmente en unos idiomas que en otros. El lenguaje configura el pensamiento. O, en palabras de Unamuno, “la lengua no es la envoltura del pensamiento, sino el pensamiento mismo”. Creo que esto, como programadores, lo sabemos bien.

    Aquí un video Jorge Luis Borges hablando sobre qué encuentra en el inglés que no encuentra en el castellano.

    Screencapture of a video clip with Jorge Luis Borges, talking about the english language. There's caption: "English is, i think, the most physical of languages"

    English is, i think, the most physical of languages. For example "he loomed over", you can’t say that in Spanish. And in English you can do almost anything with verbs and prepositions, for example "to laugh off", "to dream away","to live down" something… "to live up to" something - you can’t say those things in Spanish

    Tell me what you think. I would love to receive your feedback.

    Would you like to invite me to give a talk about this at your event? Is there some topic of your interest you want me to write about?

    Drop me a message