React

Si eres como yo y amas los atajos, sabes lo satisfactorio que es presionar unas pocas teclas y ver la magia suceder. Ya sea el familiar Ctrl+C – Ctrl+V que los desarrolladores utilizan para “tomar prestado código” 😉 de modelos de lenguaje y páginas de código, o los atajos personalizados que configuramos en nuestras herramientas favoritas, los atajos de teclado ahorran tiempo y nos hacen sentir como unos genios de la informática. ¡No temas! He descifrado el código para construir…

Las aplicaciones de software modernas a menudo dependen de la comunicación por correo electrónico para interactuar con los usuarios. Pueden enviar códigos de autenticación durante intentos de inicio de sesión, correos electrónicos de marketing o boletines informativos, por ejemplo. Esto significa que las notificaciones por correo electrónico suelen ser el medio de comunicación más común con los usuarios. En este tutorial, aprenderás cómo diseñar impresionantes plantillas de correo electrónico con React Email y enviarlas usando Resend, una plataforma de API…

Recientemente trabajé en un proyecto emocionante que implicaba crear un sitio web capaz de cambiar entre idiomas para atraer a una audiencia más amplia. Esto me hizo comprender mejor el concepto de “localización”, que generalmente implica adaptar el contenido para que sea relevante, accesible y fácilmente identificable para los usuarios en diferentes idiomas y regiones. La localización no se trata solo de traducir palabras, se trata de crear una experiencia que haga que los usuarios se sientan como en casa,…

Aprender React puede sentirse desafiante al principio, especialmente cuando no estás seguro de cómo empezar o te encuentras mirando fijamente un editor de código vacío. Pero el curso adecuado puede ayudarte a entender los conceptos básicos y a ganar experiencia práctica construyendo proyectos del mundo real. Acabamos de publicar un curso en el canal de YouTube de freeCodeCamp.org que te enseña React moderno de la manera más atractiva y práctica posible. Creado por Bob Ziroll de Scrimba, este curso está…

Recientemente, mientras veía a mi hija 🧒🏻 jugar juegos de memoria gratuitos en su tableta, noté que estaba luchando con una abrumadora cantidad de anuncios y molestos banners emergentes. Esto me inspiró a construir un juego similar para ella. Dado que actualmente le gusta el anime, decidí crear el juego utilizando imágenes lindas de estilo anime. En este artículo, te guiaré a través del proceso de construcción del juego para ti mismo o tus hijos 🎮. Comenzaremos explorando las características…

Introducción En este tutorial, construiremos una aplicación de Gestión de Recursos Humanos con el Marco de Refine y la desplegaremos en la Plataforma de Aplicaciones de DigitalOcean. Al final de este tutorial, tendremos una aplicación de gestión de recursos humanos que incluirá: Página de inicio de sesión: Permite a los usuarios iniciar sesión como gerente o empleado. Los gerentes tienen acceso a las páginas de Días Libres y Solicitudes, mientras que los empleados solo tienen acceso a la página de…

Las operaciones CRUD son la base de cada aplicación, por lo que es fundamental dominarlas cuando se están aprendiendo nuevas tecnologías. En este tutorial, aprenderás cómo construir una aplicación CRUD usando React y Convex. Recorremos estas operaciones construyendo un proyecto llamado Colecciones de Libros. En este proyecto, los usuarios podrán agregar libros y actualizar su estado una vez que complete un libro. Tabla de Contenido ¿Qué es Convex? Cómo Configurar tu Proyecto Cómo Crear el Esquema Cómo Crear la Interfaz…

La mutación asíncrona de datos y su manejo son tareas necesarias en aplicaciones web modernas. Puede que desee ejecutar una función asíncrona independiente en el servidor para realizar tareas como guardar datos en el almacén de datos, enviar correos electrónicos, descargar archivos PDF, procesar imágenes, y cosas parecidas. Next.js nos proporciona Acciones del Servidor que son funciones asíncronas que se ejecutan en el servidor. Podemos usar acciones del servidor para mutaciones de datos en el servidor, pero las acciones del…

STOMP es un protocolo increíblemente simple y potente para enviar mensajes implementado por servidores populares como RabbitMQ, ActiveMQ y Apollo. El uso de STOMP sobre WebSocket es un protocolo directo, lo que lo hace una opción popular para enviar mensajes desde un navegador web, ya que protocolos como AMQP están limitados por navegadores que no permiten conexiones TCP. Para usar STOMP sobre WebSocket, puede utilizar @stomp/stompjs, pero este tiene callbacks complicados y una API complicada que atiende a casos de…