Prisma
## Agrega en tu vite.config.ts:  ```js build:{ rollupOptions:{ external: [ ...
lectura de 1 min ·
Sigue leyendo
Typescript
TypeScript es un lenguaje de programación que se ha vuelto extremadamente popular en los últimos años. Sobre todo por la seguridad que agrega a nuestros programas, haciendonos programar con más confianza y...
lectura de 6 min ·
Sigue leyendo
## ¿Qué es Tailwind? Tailwind es un framework de CSS creado para facilitar la construcción de diseños y páginas web, de manera rápida y eficiente. Este framework se enfoca en la utilidad de...
lectura de 2 min ·
Sigue leyendo
Diseño
Recuerdo que cuando empezaba mi carrera como Diseñadora UX, buscaba contenido que me enseñara los lineamientos básicos que debía seguir al momento de tomar decisiones de diseño (libros, videos o posts) pero...
lectura de 5 min ·
Sigue leyendo
ChatGPT
Next.js es framework para trabajar con React en el back end, que permite a los desarrolladores crear aplicaciones web de alta calidad de manera eficiente. La última versión, Next.js 13.4, llega con...
lectura de 3 min ·
Sigue leyendo
Next
Si eres un desarrollador web, sabrás que cada nueva versión de un software te ofrece nuevas soluciones y herramientas útiles que puedes utilizar en tu trabajo. La última versión de uno de...
lectura de 2 min ·
Sigue leyendo
Diseño
Cuando se trata de diseñar interfaces, existen ciertos patrones que se han vuelto Indispensables para crear una experiencia de usuario satisfactoria. **Si eres un diseñador en busca de mejorar tu trabajo, estos...
lectura de 2 min ·
Sigue leyendo
¡Hola! En este post, quiero compartir mi experiencia aprendiendo sobre `Caddy Server` y cómo puede ayudarnos a solucionar un problema común en el desarrollo de aplicaciones web. Si eres un desarrollador web, es...
lectura de 3 min ·
Sigue leyendo
React
### TLDR: Vamos a generar un HTML como primera respuesta al «request» del cliente, pero vamos a responder no con un archivo HTML, sino con pedacitos del mismo, con Streams. En este post...
lectura de 4 min ·
Sigue leyendo
Tailwindcss
Si estás trabajando con «Tailwind» seguro has necesitado agregar clases condicionalmente. Y te habrás dado cuenta de que no es algo tan fácil de hacer. ¡Pero te tengo buenas noticias! Has llegado...
lectura de 3 min ·
Sigue leyendo
JavaScript
Hemos hablado de distintos patterns de JavaScript, ya hemos mencionado al Proxy pattern. Pero ahora vamos a identificar casos reales donde se aplica este patrón en herramientas que tú ya conoces. Vue: ```jsx // Vue...
lectura de 1 min ·
Sigue leyendo
Remix
En el artículo anterior entregamos un archivo PDF con Response y Remix. En este post vamos a conseguir el PDF desde una carpeta de almacenamiento y vamos a leerlo, convertirlo en streams y...
lectura de 2 min ·
Sigue leyendo
Remix
En Remix es muy fácil entregar archivos PDF con el componente Link. Supongamos que tenemos la ruta `app/routes/guias-pdf/$id.js` Y dentro de esta ruta tenemos un link de descarga de esta guía en PDF: ```jsx export default...
lectura de 1 min ·
Sigue leyendo
JavaScript
### Sin frameworks solo con JavaScript y Canvas Primero, colocar todas las piezas que vamos a necesitar en esta pantalla. Necesitaremos ocupar la mitad de la pantalla. En el centro, dividiremos el espacio a la...
lectura de 4 min ·
Sigue leyendo
Node
¿Qué es el Server Side Rendering del que todos hablan? La definición sin rodeos es: `Generar HTML para ser renderizado/generado desde el servidor en respuesta de una petición de un usuario desde un...
lectura de 4 min ·
Sigue leyendo
Remix
Últimamente, hablo mucho de Remix, lo comparo con Next.js y otros frameworks y lo prefiero. Lo recomiendo para comenzar en el desarrollo web con el pie derecho, sí, como full stack. Pero la...
lectura de 2 min ·
Sigue leyendo
CSS
Existen muchas maneras de agregar CSS a Next.js, pero en este post vamos a conocer las 5 que el propio Next.js soporta por default. ## 1. Archivo CSS Global La primera manera es el...
lectura de 4 min ·
Sigue leyendo
ChatGPT
Ya te puedes suscribir para ser parte del selecto grupo de desarrolladores que podrán probar en primera fila los nuevos plugins que prometen ser el nuevo "market place" que nos volverá millonarios...
lectura de 5 min ·
Sigue leyendo
JavaScript
¿Por qué preferir enums en vez de booleanos? Bueno, el internet está dividido en este respecto, y creo que también tiene que ver con el lenguaje utilizado para argumentar, aunque creo que la...
lectura de 3 min ·
Sigue leyendo
React
Existen hoy en día dos formas de aproximarse a los inputs controlados. Cada una de estas maneras trae consigo un par de beneficios que tú tendrás que decidir si son los que prefieres...
lectura de 5 min ·
Sigue leyendo
CSS
Está de moda utilizar gradientes en los textos, sobre todo si trabajas con diseñadores Figma, ellos tienden a ponerle gradiente a todo. 🎨 Por eso en esta entrada de referencia (para que la...
lectura de 2 min ·
Sigue leyendo
React
En React, **los datos tienen 1 y solo 1 forma (o dirección) de ser transferidos hacia otras partes de la aplicación**. Esto implica que los _componentes hijos_ `child components`...
lectura de 1 min ·
Sigue leyendo
React
Últimamente, he estado revisando temarios de algunos bootcamps y cursos en línea. Me encuentro con la triste sorpresa de que se sigue enseñando los componentes de clase como la mejor opción. Esto puede ser...
lectura de 5 min ·
Sigue leyendo
JavaScript
El método `forEach()` del Array, ejecuta la función que le provees una vez por cada elemento en el array.([Mdn docs](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)). Basicamente, el método `forEach` es una de las mejores maneras para usar un...
lectura de 2 min ·
Sigue leyendo
JavaScript
Si eres un desarrollador front end seguro sabes que no deberías decirle JavaScript. También si te gusta estar actualizado(a) o si eres parte de la comunidad OSS (Open Source Software) seguro sabrás este...
lectura de 3 min ·
Sigue leyendo
Si estás interesado en los cursos en vivo de Fixtergeek, hoy voy a explicarte como funcionan. Después de tantos años impartiendo cursos y bootcamps, desarrollamos una metodología de enseñanza efectiva que combina: **1....
lectura de 2 min ·
Sigue leyendo
JavaScript
Hablamos todo el tiempo de las buenas prácticas y estilos de código, pero pocas veces hablamos de las malas prácticas en las que inconscientemente caemos muy seguido. Por ello, quiero compartirte 3 malas...
lectura de 2 min ·
Sigue leyendo
Typescript
Si tú también quieres mejorar al escribir tu código, invertir menos tiempo en «debugging» y más en creación, bueno entonces, seguro ya estás tipando tus componentes de React con Typescript. Si no, [checa...
lectura de 2 min ·
Sigue leyendo
Principiante
Mantenerte estudiando y aprender algo nuevo cada año es un acto de madurez. Una vez que entiendes los beneficios de mantenerte estudiando, se vuelve obvio hacerte el tiempo para estudiar y practicar, que...
lectura de 4 min ·
Sigue leyendo
Principiante
Puedes invertir mucho tiempo en mejorar tus habilidades en programación, convertirte en el mejor a la hora de tirar líneas de código, en el más rápido, en el más versado en los...
lectura de 4 min ·
Sigue leyendo
Principiante
No queremos ser principiantes, queremos ser expertos, fingimos serlo. Pero esto nos aleja de serlo. Cuando comienzas tu canal de YouTube, cuando escribes tu primer post de blog, cuando grabas tu primer curso...
lectura de 4 min ·
Sigue leyendo
Principiante
Todos los años intento gritar a los cuatro vientos que aprender a programar es una gran idea. Puedes aprender a programar para muchas plataformas, desde videojuegos hasta programación para sistemas industrializados, incluso robots....
lectura de 5 min ·
Sigue leyendo
Adelanto
Este año ha sido especial para el equipo de Fixtergeek, entre que hemos estrenado nuestro nuevo sitio web, lo hemos actualizado un par de veces en el mismo año y tenemos planes...
lectura de 6 min ·
Sigue leyendo
Tailwind
Existen muchas herramientas en Tailwind que ignoramos, a veces porque ni siquiera las conocemos en CSS, pero al mismo tiempo cuando descubrimos estas herramientas dentro de Tailwind y las vamos a comparar...
lectura de 2 min ·
Sigue leyendo
CSS
No, Tailwindcss no es como bootstrap. La principal diferencia entre los dos es que Tailwind está orientado a utilidades que reducen el peso y el volumen del CSS que usas en tu...
lectura de 4 min ·
Sigue leyendo
Diseño
¿Qué herramientas de diseño existen? ¿Qué ventajas tiene cada una? ¿Cuál es la mejor opción? Bueno, vamos a hablar de las herramientas que hay en el mercado actualmente y lo que ofrece...
lectura de 4 min ·
Sigue leyendo
React
Recuerdo la vida antes de create-react-app (lo llamaremos _CRA_, para no escribir tantos guiones 😬), corría el año 2016, el equipo de Fixtergeek ejecutaba un bootcamp presencial sobre Python y Django en...
lectura de 10 min ·
Sigue leyendo
Remix
## ¿Por qué usar Zod con Remix es una buena idea? Zod es un una herramienta para validación de esquemas (schema validation tool) que tiene la hermosa cualidad de soportar Typescript, lo que...
lectura de 5 min ·
Sigue leyendo
Remix
## Remix fue adquirido por Shopify Sopify se fue de compras y compró a `Remix.run`. ¿Qué significa esto para la comunidad que estamos trabajando con Remix?, ¿Qué pasará con Hydrogen el framework de...
lectura de 6 min ·
Sigue leyendo
Principiante
En esta entrada vamos a aprender cómo usar git sin sufrir, y para ello vamos a cubrir estos 5 pasos simples y rápidos para comenzar a usar Git lo antes posible. 1- Haremos...
lectura de 10 min ·
Sigue leyendo
React
Hay una inmensidad de tutoriales y contenido sobre React desactualizado. 😰 La mayoría de cuando utilizábamos clases y ciclos de vida del componente, lo que hace muy difícil tener claridad sobre cuáles son...
lectura de 4 min ·
Sigue leyendo
React
La composición en React es el corazón de la librería y es muy curioso cómo es menospreciada tanto. Es tan fácil crear componentes en React, que olvidamos esforzarnos un poco por crear componentes...
lectura de 6 min ·
Sigue leyendo
HTML5
## 🎃Especial de día de muertos/halloween 🫔 En esta entrada quiero compartirte 5 tecnologías que llegué a usar y que me gustaban pero que murieron. Aunque marcaron un precedente para las tecnologías que usamos...
lectura de 7 min ·
Sigue leyendo
HTML
¿Qué pasa si no configuras las meta tags de tu sitio web? Bueno, no será indexado correctamente por los buscadores, no aparecerá en las primeras opciones de resultados y al compartirlo se...
lectura de 5 min ·
Sigue leyendo
HTML5
# Tailwind es simplemente genial, ¡vamos a usarlo con Remix también y entender qué sucede en la configuración!  Vamos a instalar tailwind en nuestro proyecto Remix, eso. Manos a la...
lectura de 5 min ·
Sigue leyendo
JavaScript
Hoy vamos a hablar de Astro. ¿Otro framework JavaScript? Sip, es una pregunta y un chiste gracioso porque es verdad que `los frameworks web de JavaScript no tienen llenadera`. Pero que no te...
lectura de 5 min ·
Sigue leyendo
JavaScript
Cuando trabajamos en una aplicación, en particular de lado de la UI, el cómo mostramos la información es un punto importante para que nuestra interfaz sea entendible, estética y, por supuesto, funcional....
lectura de 10 min ·
Sigue leyendo
JavaScript
En este punto ya lo has considerado varias veces, la curiosidad te ha llevado a investigar un poco sobre programación. y has visto varios videitos, tanto de quien dice que “cualquiera puede programar”...
lectura de 4 min ·
Sigue leyendo
React
Ahora que React es super popular y que es casi un obligado para el desarrollo web o por lo menos es un obligado como primer herramienta a aprender para crear página/sitios web...
lectura de 7 min ·
Sigue leyendo
JavaScript
Si estás leyendo este post estoy seguro que te has enfrentado a proyectos tan grandes que la navegación entre los archivos y carpetas es una tortura y conforme vas agregando nuevas funcionalidades...
lectura de 3 min ·
Sigue leyendo
HTML5
Si estas explorando el mundo del desarrollo web, seguramente has escuchado el término HTML **(HyperText Markup Language)**, y seguramente alguna vez has escuchado que `es un lenguaje de programación` pero ¡hey!  que por lo regular son full-stack, esto es que necesitamos no...
lectura de 4 min ·
Sigue leyendo
Accesibilidad
5 tips para que tu web sea más accesible Seguramente te has enfrentado al hecho de que tu sitio web no cumple con los niveles de accesibilidad requeridos. Pero ¿Qué es la...
lectura de 4 min ·
Sigue leyendo
Jest
Cuando estamos trabajando con React y llegamos a la etapa donde requerimos hacer pruebas, es muy común crear "pruebas de humo", por ejemplo, probar que el componente se renderice correctamente creando snapshots. Esto...
lectura de 2 min ·
Sigue leyendo
Jest
Puede parecer pretencioso iniciar un post con un título como este, puede que pienses que es una exageración o simplemente que es una broma o una táctica barata para que leas este...
lectura de 4 min ·
Sigue leyendo
React
Como desarrolladores sabemos que una de las cosas más importantes al momento de construir una aplicación es la consistencia de nuestro código así como asegurarnos de perder el menor tiempo posible revisando...
lectura de 3 min ·
Sigue leyendo