#183 Next.js vs Remix

Next.js vs Remix

Atrás quedaron los días de Next.js vs Gatsby.js ¿Alguien recuerda a Gatsby.js?, el meta-framework JavaScript basado en React que desde Noviembre de 2022 no ha tenido una mayor actualización… Ahora la batalla está entre Next.js y Remix. Y aunque el primero esta bien asentado, principalmente gracias a Vercel, cuando un proyecto Open Source se vuelve más un producto de su empresa que una solución de la comunidad, esta pide alternativas. Sino miren lo que le paso a Gatsby.js por la inercia de Gatsby Cloud y luego la adquisición de Netlify. Si quieres una buena comparativa entre ambos contendientes, lee esta.

Manifesto para sitios web pequeños y estáticos

En tiempos de gula frontendera, todavía hay gente que piensa que se puede hacer mucho sin tantos add-ons, bibliotecas y absurdos. Si estas construyendo sitios web para clientes pequeños, o quizás para ti, tal vez te has cuestionado que tan práctico, no digamos ético, es añadir por añadir ciertas cosas y si no podrías simplemente evitarlo. Si esto suena a algo que hace eco en ti, quizás puedas unirte al movimiento que aboga por sitios más pequeños y más estáticos.

Teoría de compilador y reactivy

Debido a todo el ruido que estaba surgiendo alrededor del desarrollo de React, el core team hizo un anuncio de que habría pronto nueva versión y que habría una nueva forma de entregar releases. De esta nueva versión, quizás lo más emocionante sea el Compiler y lo que significa. Como es un cambio grande, uno de los devs de React escribió este articulo como introducción y en espera de que más frontenderos nos interesemos por aprender los conceptos básicos de teoría de compiladores.

3 tipos de props en Vue

Si te preguntaran sobre los tres tipos de props en Vue, ¿los podrías decir? Si eres un experimentado Vue Dev, probablemente, pero si apenas estas iniciando en el mundo del front-end o estas migrando de otra biblioteca o framework a Vue, quizás no estas familiarizado. Para cuando termines de leer este artículo, sabrás y podrás explicar cuales son esos tres tipos.

GUÍA 📖 
Como construir una app offline usando Expo

Cuando pensamos en la diferencia entre aplicaciones web y aplicaciones móviles ¿cuál sería la primera diferencia que tienen que se te viene a la mente? Quizás la particularidad de que las segundas están construidas para funcionar offline. Si quieres aprender a tener un enfoque offline-first, aprovechando las bibliotecas y APIs de Expo, tienes que leer este articulo.

VIDEO 📹️ 
Un simple error que puede estropear temas light y dark

¿Estas empezando en el fascinante mundo de hacer themes light y dark para tus sitios web? No cometas el error más común en el diseño y desarrollo web, creer que tú sabes más que el usuario y elegir por el. Tienes que darles opciones para elegir.

EL RINCÓN DE CSS 👨‍💻 
¿Qué es IACTV?

IACTV significa Invalid At Computed Value Time, y es lo que pasa cuando una propiedad en CSS recibe un valor que no corresponde pero el agente solo lo sabe hasta el momento de hacer el cambio, porque este es dinámico, por ejemplo, en el caso de los custom properties.

HERRAMIENTA 🛠️ 
Mojo CSS

Otro framework CSS atómico comienza a ganar tracción y popularidad en la Comunidad frontendera que recuerda mucho a TailwindCSS, pero ejecutando diferentemente los conceptos básicos como variants y abstracciones de estado. Si estabas buscando una alternativa a TailwindCSS, aquí la tienes.

TEMPLATES 🖥️ 
Wireframe Examples

Todo lo que necesitas es amor wireframes para construir tu siguiente proyecto, y es que a veces antes de que obtengas el visto bueno necesitas mostrar la estructura de como va a ser la interfaz de usuario para convencer a ese cliente o para enseñar a tu equipo, y con estos wireframes de ejemplo vas a poder comunicar mejor las metas del proyecto y triunfar.

LANZAMIENTO 🚀 
Express.js 4.18.3

Detengan todo lo que están haciendo, Express.js, el framework que mueve al mundo, acaba de tener una nueva actualización en más de un año. Los cambios son pequeños, un fix para el routing system y una actualización de body-parser y poco más, pero es significativo que haya una nueva versión y que se estén discutiendo más cambios para mantener el proyecto, si bien no con más features, al menos con soporte para solucionar bugs y vulnerabilidades existentes.

UN DÍA COMO HOY 🗓️ 

El 12 de marzo de 1986, se celebra el primer CeBIT.

CeBIT, es la feria de exposición de ordenadores, tecnologías de la información, telecomunicaciones, software y servicios más importante del mundo.

El CeBIT se lleva a cabo en Hanóver, Alemania cada primavera y está considerada como un barómetro de la tecnología de la información.

Con un área de muestra de 450.000 m² y 700.000 visitantes es más grande que la COMDEX.

El nombre CeBIT significa "Centro para la Tecnología de la Información y de la Oficina" (Centrum der Büro-und Informationstechnik) y tradicionalmente fue parte de la Feria de Hannover, una gran exposición industrial llevada a cabo cada año.

La primera feria se estableció en 1970 pero debido a que la tecnología de la información y de las telecomunicaciones estaba absorbiendo la mayoría de los recursos, se decidió asignarle en 1986 un calendario de exposición separado, realizado cuatro semanas antes de la feria de Hanóver.

VACANTE 💼 
Senior Front End Developer

Ubicación: Ciudad de México, Área Metropilitana (Remoto)
Empresa: Percona
Requisitos: Habilidades y calificaciones requeridas. Experiencia en WordPress CMS, HTML, CSS, JavaScript Reaccionar (es bueno tenerlo) Conocimientos de programación backend (PHP, MySQL) Uso adecuado de los repositorios GitLab/GitHub. Gran comprensión de los principios del diseño responsivo. Entre otros.
Responsabilidades: Diseñar, desarrollar y mantener interfaces web orientadas al usuario. Escriba código bien diseñado, comprobable, reutilizable y eficiente. Producir especificaciones detalladas y escribir documentación de proceso. Contribuir a mejorar la calidad del sistema mediante la identificación de problemas y patrones comunes, la depuración y el desarrollo de procedimientos operativos estándar. Coopere con desarrolladores back-end y diseñadores web para mejorar la usabilidad. Entre otras.

Aquí te dejamos el link para poder aplicar a esta vacante. 🤞 

CHALLENGE DE HOY ⚔️ 
Un anagrama es una palabra o frase formada al reordenar las letras de otra palabra o frase, utilizando todas las letras originales exactamente una vez. Por ejemplo, las palabras "amor" y "roma" son anagramas. Tu tarea es desarrollar una función que tome dos cadenas como entrada y determine si son anagramas entre sí.

1. Implementa una función esAnagrama que acepte dos cadenas como argumentos.

2. La función debe ignorar espacios, números y puntuación, y no debe ser sensible a mayúsculas o minúsculas.

3. Retorna true si las cadenas son anagramas una de la otra; de lo contrario, retorna false.

Ejemplo de uso:

console.log(esAnagrama("Amor", "Roma")); // Debería retornar true
console.log(esAnagrama("Hola", "Adiós")); // Debería retornar false
console.log(esAnagrama("Dormitory", "Dirty room")); // Debería retornar true

• Considera limpiar las cadenas primero, eliminando caracteres no alfabéticos y convirtiéndolas a un caso uniforme (todo minúsculas o mayúsculas).

• Una forma de determinar si las cadenas son anagramas es comparar si tienen los mismos caracteres en la misma cantidad, lo cual se puede hacer contando los caracteres o comparando versiones ordenadas de las cadenas.

Comparte tu respuesta en redes sociales y etiquétanos (@frontenderos), compartiremos nuestra respuesta en el issue de mañana. 😎 

Tu feedback nos ayuda a mejorar

Por favor elige una opción y dinos lo que te gustó y lo que no. Leemos todas las respuestas 👀