#104 Next.js 14: Layouts vs Templates

Next.js 14: Layouts vs Templates

Con Next.js 14, tenemos dos nuevas maneras de construir UIs; Layouts y Templates. ¿Conoces las diferencias y cómo usarlos? En esta guía aprenderás a diferenciarlos para que los uses correctamente. 🤓 

11 gratuitas y divertidas APIs para usar

¿Necesitas un API gratuita para experimentar o para añadir a tu portafolio de proyectos y que puedas mostrar ahora que estas buscando trabajo como propósito de año nuevo? No te preocupes, te tenemos cubierto. 😎 

¿Necesito un Design System para 2024?

La respuesta es siempre, “depende”. ¿De qué depende? Bueno, de muchos factores, que una vez que hayas leído este articulo, descubrirás.

HERRAMIENTA 🛠️ 
5 JavaScript Build Systems para 2024

Cuando tu proyecto comienza a crecer y hay mas personas construyendo en el y de él, necesitas un Build System. En este articulo aprenderás como funcionan, y los 5 más populares que puedes elegir para tus proyectos en 2024.

Las 10 extensiones de VSCode que debes tener

Si estas buscando como obtener más poder de tu editor favorito, te dejamos esta lista de extensiones que puedes instalar y que te van a dar ese extra que, tal vez, estes necesitando.

NinjaBootstrap

NinjaBootstrap, es una colección de utilidades SCSS para configurar y extender Bootstrap 5, añadiendo utilidades faltantes que podrías estar necesitando para construir diseños geniales.

NOTICIA 📰 
TailwindCSS ahora tiene soporte para :has()

TailwindCSS 3.4, viene con soporte para :has(), además de otras características nuevas de CSS, si aún no has actualizado, puedes probarlo ya, ahora que Firefox tiene soporte para :has()

Expo Router v3 beta esta disponible

Una de las características nuevas de Expo SDK 50, es la versión 3 de Expo Router con optimización de desempeño, reducción de bundle, y mejoras al sistema de rutas.

UN DÍA COMO HOY 🗓️ 

El 24 de diciembre de 1997, se lanza Early Bird 1, el primer satélite artificial comercial de teledetección, desarrollado por la empresa EarthWatch, más tarde conocida como DigitalGlobe. El Early Bird 1 fue lanzado a través del cohete Start 1 desde la base de Svobodniy, situada en Siberia (Rusia). La teledetección o “detección remota” es la adquisición de información a pequeña o gran escala de un objeto o fenómeno, ya sea usando instrumentos de grabación o instrumentos de escaneo en tiempo real inalámbricos o que no están en contacto directo con el objeto (como por ejemplo aviones, satélites, astronave, boyas o barcos).

El 24 de diciembre de 1968, se transmite el primer saludo de navidad desde el espacio. El Apolo 8 (primera misión tripulada a la Luna) entró en órbita lunar el día de Nochebuena y su tripulación Bill Anders , Jim Lovell y Frank Borman mientras orbitában la luna recitan los versículos del 01 al 10 del libro de Génesis de la Biblia (Versión Reina-Valera). Los astronautas estadounidenses leen los versículos del Libro de Génesis y piden "Paz en la tierra" antes de una audiencia global. Este primer saludo de navidad fue transmitido en directo para la televisión y su emisión fue una de los más vistas en la historia (en su momento) además de ser uno de los momentos más emotivos de la historia de los vuelos espaciales.

VACANTE 💼 
Java Developer/QA Automation Engineer/NodeJS/React Fullstack Developer/React Developer/DevOps Engineer
Oportunidades laborales con VISADO a España🧳✈️

Ubicación: Ciudad de México (Híbrido)
Empresa: Prometeo Talent
Requisitos: 5 años de experiencia laboral previa en el área técnica en cuestión. Nivel de inglés avanzado (equivalente a C1). Titulación en ingeniería o estudios equivalentes completados.
Beneficios: Asistencia en la gestión y costos del visado de trabajo PAC para ti, y también te apoyamos con los visados de tu familia si es necesario. Un bono de relocalización. Cobertura de seguro médico privado. Y más.

¿Quieres saber más? Entra aquí.

RESULTADO DEL CHALLENGE DE AYER 🧐 

¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

function sumaImpares(array) {
    return array
        .filter(numero => numero % 2 !== 0)
        .reduce((acumulado, actual) => acumulado + actual, 0);
}

// Ejemplo de uso
const numeros = [1, 2, 3, 4, 5, 6, 7];
console.log(sumaImpares(numeros)); // Debería devolver 16

• La función sumaImpares toma un array array como argumento.

• Utiliza filter para crear un nuevo array que contiene solo los números impares. Un número es impar si el resto de dividirlo por 2 es diferente de 0.

• Luego, utiliza reduce para sumar todos los números en el array filtrado. El 0 inicial es el valor inicial para el acumulador acumulado.

• Finalmente, devuelve la suma total de los números impares en el array.

CHALLENGE ⚔️ 

Escribir una función en JavaScript que encuentre el valor mayor y menor en un array de números.

• La función debe aceptar un array de números como argumento.

• Debe devolver un objeto con dos propiedades: max y min, que contengan los valores máximo y mínimo respectivamente.

• Considera que el array siempre tendrá al menos un elemento y solo contendrá números.

Ejemplo:

const numeros = [1, 3, 5, 0, -1, 10, -2];

La función debería devolver { max: 10, min: -2 }.

• Puedes utilizar métodos de array como Math.max y Math.min junto con el operador de propagación (...) para encontrar los valores extremos.

• Asegúrate de manejar correctamente arrays con un solo elemento.

Comparte tu respuesta en redes sociales y etiquétanos (@frontenderos), compartiremos nuestra respuesta en la siguiente publicación. 😎 

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 👀