#155 Vite vs Create React App en 2024

Vite vs Create React App en 2024

Los frontenderos más actualizados ya prefieren usar Vite en lugar de Create React App (CRA) para construir sus aplicaciones de React, pero todavía hay muchos recursos en linea que no están actualizados que hacen mención a CRA. Para que puedas correr la voz de las ventajas de usar Vite frente a CRA, aquí tienes un articulo de los compas de Bit.

Un llamado a un consenso en HTML semantics

Hay un problema con HTML, aunque tenemos pocos elementos, algunos de estos son muy ambiguos en su uso y muchas veces se terminan usando de otra forma. Por ejemplo <a> vs <button> , y ni comencemos a hablar de los elementos para organizar y la divitis que algunos tienen. Necesitamos un consenso… y quizás más elementos nativos que hagan una sola cosa.

INISPIRACIÓN 💡 
Desafios UI/UX diarios

Te traemos un reto por si estas interesado en el diseño de interfaces de usuario y de experiencia de usuario y quieres complementar tus habilidades frontenderas y pasarte el juego. Si estas dispuesto a hacerlo, entra al siguiente link.

HERRAMIENTA 🛠️ 
WebGPU-kit

¿Has oido de la API WebGPU? Es una API que es la sucesora de WebGL para crear gráficos en la Web, y será más rápida, mejor y con más características. Si esto te interesa, checa esta colección de bibliotecas para que te vayas adentrando en el tema.

React Video & Audio SDK

En todos los números pasados, has recibido herramientas para tu cinturón de frontendero. Ahora toca el turno a una biblioteca que te puede resultar muy útil: un SDK para audio y video utilizando el servicio de getstream.com. Su capa gratuita es interesante y buena para hacer pruebas.

EL RINCÓN DE CSS 👨‍💻 
field-sizing

Hay una nueva propiedad de CSS en el horizonte que se esta discutiendo como parte de CSS Basic User Interface Module Level 4 y que te va a gustar e involucra el tamaño de los <input> y los <textarea>

NOTICIA 📰 
Zed ahora es Open Source

Para que el ecosistema sobreviva, tiene que haber muchos competidores, sino se vuelve complicado tener innovación y la Web siempre ha sido de tener varios actores. Hay un editor de código que se esta robando las miradas y que ahora es Open Source. ¿Será este un competidor comercial para Visual Studio Code?

UN DÍA COMO HOY 🗓️ 

El 13 de febrero de 1910, nace en Londres Inglaterra, William B. Shockley, ingeniero y co-ganador del Premio Nobel 1956 de Física por la invención del transistor.
Shockley, estudió física en el Instituto de Tecnología de California, donde se graduó en 1932. Después de obtener su doctorado en el Instituto de Tecnología de Massachusetts, en 1936.
Shockley comenzó a trabajar en los Laboratorios Bell, donde experimentó con los semiconductores. Sirvió durante la Segunda Guerra Mundial como director de investigación de Operaciones de guerra antisubmarina, al finalizar la guerra, regresó a Bell como director de investigación de la física.
William B. Shockley trabajó junto a John Bardeen y Walter H. Brattain en el control y amplificación de señales electrónicas empleando semiconductores. El equipo desarrolló el transistor de contacto en 1947.

VACANTE 💼 
Genesis developer

Ubicación: México (Remoto)
Empresa: Luxoft
Requisitos: Fuerte desarrollador Java: Polimorfismo, Colecciones, Streams y estructuras de datos. Fundamentos del front-end: HTML5, JavaScript y CSS API REST: Experiencia con recursos REST y clientes REST. Linux: experiencia con el ecosistema Linux como interfaz de línea de comandos, validación de procesos, gestión de procesos y monitoreo de recursos. Bases de datos: Experiencia con bases de datos relacionales.
Responsabilidades: Fuerte desarrollador Java: Polimorfismo, Colecciones, Streams y estructuras de datos. Fundamentos del front-end: HTML5, JavaScript y CSS API REST: Experiencia con recursos REST y clientes REST. Linux: experiencia con el ecosistema Linux como interfaz de línea de comandos, validación de procesos, proceso. Entre otras.

Para conocer más sobre esta vacante y poder aplicar, ingresa aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 
¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

function esCuadradoPerfecto(n) {
    return Number.isInteger(Math.sqrt(n));
}

function esFibonacci(numero) {
    // Verificar si alguna de las expresiones forma un cuadrado perfecto
    return esCuadradoPerfecto(5 * numero * numero + 4) || esCuadradoPerfecto(5 * numero * numero - 4);
}

// Ejemplo de uso
console.log(esFibonacci(8)); // Debería retornar true
console.log(esFibonacci(9)); // Debería retornar false
console.log(esFibonacci(34)); // Debería retornar true

• La función esCuadradoPerfecto verifica si un número n es un cuadrado perfecto. Utiliza Math.sqrt(n) para obtener la raíz cuadrada de n y luego Number.isInteger para verificar si el resultado es un entero.

• La función esFibonacci utiliza la función esCuadradoPerfecto para comprobar si 5*n*n + 4 o 5*n*n - 4 es un cuadrado perfecto. Si alguna de estas expresiones resulta ser un cuadrado perfecto, entonces el número es parte de la secuencia de Fibonacci, y la función retorna true. Si ninguna de estas condiciones se cumple, retorna false.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que convierta un número binario (como string) en su equivalente decimal.

1. Implementa una función binarioADecimal que acepte un string representando un número binario.

2. La función debe retornar el número en su formato decimal (como número).

3. No utilices funciones incorporadas o métodos directos de JavaScript para la conversión, como parseInt.

Ejemplo de uso:

console.log(binarioADecimal("1010")); // Debería retornar 10
console.log(binarioADecimal("1111")); // Debería retornar 15

• Puedes iterar sobre cada dígito del string binario, convirtiéndolo en número y calculando su valor en el sistema decimal basado en su posición.

• Recuerda que el valor de cada dígito binario aumenta exponencialmente de derecha a izquierda (1, 2, 4, 8, 16, etc.).

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 👀