Construyendo una nueva forma de renderizado en la Web

El futuro de la Web es… ¿reinventarse? 🤔 ¿Has seguido todas las tendencias de como renderizar contenido del servidor al navegador utilizando las ultimas caracteristicas de tu framework? Porque ahora existe una nueva: ¡Partial PreRendering!, y aquí puedes leer como funciona.

Como organizamos nuestras bibliotecas de Design System con más de 70,000 componentes.

¿Te imaginas tener que trabajar con una colección de 70,000 componentes? Pues ya no te lo tienes que imaginar después de leer este articulo.

HERRAMIENTA
SVG Icons CLI

Con esta herramienta vas a poder crear SVG sprite sheets desde la línea de comandos.

CSS Generators Listones

¡Este email te llegará justo a tiempo para ponerle listones a las promociones en los sitios web que estas construyendo para venta de fin de año!

TEMPLATE
KitForStartups

Hace algunos números, te traíamos boilerplates con React y Nextjs para tu siguiente proyecto, ahora es turno de SvelteKit.

GUÍAS
Mejora tus habilidades de depurar CSS

2024 será el año que CSS cambie la Web para siempre. O al menos eso es lo que nuestro experto frontendero en CSS esta esperando. Para que estés preparado para ese momento, aquí te dejamos una guía de cómo depurar CSS con Bootstrap.

VIDEO
Un nuevo enfoque a contenedores y clases envoltorias

Con los nuevos media queries de containers, tenemos que replantearnos cómo trabajar con clases de contenedores.

VACANTE
Sr. Front-End Developer

DynamiCore, está en busca de alguien que tenga conocimiento o haya colaborado con creación de productos financieros (Core Bancario, Créditos, Seguros, Arrendamiento, Fintech, Wallets, NFT, Crypto, etc…), uan persona ambiciosa pero humilde que quiera crecer en el equipo de manera rápida y que lleve a buen puerto los desarrollos en los que participe. 

CHALLENGE
La secuencia de Fibonacci es una serie de números en la que cada número es la suma de los dos anteriores. Comienza con 0 y 1. En un contexto de entrevista, podrías tener que escribir una función que calcule el n-ésimo número de Fibonacci. Para hacerlo más interesante y desafiante, se te pide que implementes memorización para hacer que la función sea más eficiente con números grandes.

Descripción del Reto:

• Escribe una función fibonacci que tome un número entero n y devuelva el n-ésimo número de Fibonacci.

• Utiliza un objeto para almacenar (memorizar) los resultados de las llamadas anteriores a la función.

• La primera y segunda llamadas a la función deben retornar 0 y 1, respectivamente.

Ejemplo de la Serie de Fibonacci: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, ...

Ver el resultado 👀

RESULTADO

function fibonacci(n, memo = {}) {
    // Casos base: devuelve 0 y 1 para los primeros dos números
    if (n === 0) return 0;
    if (n === 1) return 1;

    // Revisa si el resultado ya ha sido calculado
    if (memo[n]) return memo[n];

    // Calcula el número de Fibonacci y lo almacena en el memo
    memo[n] = fibonacci(n - 1, memo) + fibonacci(n - 2, memo);
    return memo[n];
}