• Frontenderos
  • Posts
  • #70 ¿Por qué son tan importantes los React-Scripts?

#70 ¿Por qué son tan importantes los React-Scripts?

CSS es divertido de nuevo

¿Por qué son tan importantes los React-Scripts?

Con tantas herramientas que salen a veces olvidamos las más básicas y existentes. En este articulo, hacen buen análisis de cómo funcionan los React-Scripts.

CSS es divertido de nuevo

Fun Surprise GIF by Kinda Funny

Estamos viviendo el renacimiento de CSS con todas las funciones que han salido en los últimos meses y años, y cada vez más Frontenderos de la vieja guardia están diciendo lo mismo: ¡Hacer CSS es divertido!

NOTICIA
Rollup 4.5

¡RollUp 4.5 ya salió! Y aunque esta versión solo soluciona bugs, nunca está de más saber cuándo sale una nueva versión que puede solucionar ese problema que pudieras estar teniendo.

HERRAMIENTA
FormsLab

Si algún día necesitas crear un formulario para hacer encuestas y quieres usar algo diferente, puedes usar FormsLab.

fx

Si eres un frontendero que le gusta utilizar la línea de comandos, te traemos una herramienta para inspeccionar archivos JSON y trabajar con ellos.

GUÍAS
Usando Garbage Collector con WebAssembly

Esta guía te enseñara como utilizar el Garbage Collector de lenguajes que lo tienen en WebAssembly.

VIDEO
NextJS 14 te perdiste la mejor parte

En este video, te explican detalles que quizás no viste de todo lo que presentaron con NextJS 14.

VACANTE
Front End Developer

En esta vacante, deberás poder crear un entorno digital funcional y atractivo, garantizando una excelente experiencia al usuario.

CHALLENGE

Crea una función en JavaScript que reciba una cadena de texto y devuelva un objeto con estadísticas del texto: número total de palabras, frecuencia de cada palabra (ignorando mayúsculas y minúsculas), y número de oraciones.

Requisitos Específicos:

  1. Contar Palabras: La función debe contar el número total de palabras en el texto.

  2. Frecuencia de Palabras: Debe calcular la frecuencia de cada palabra, ignorando diferencias entre mayúsculas y minúsculas.

  3. Contar Oraciones: Debe contar el número total de oraciones, considerando que una oración termina con un punto, signo de exclamación o signo de interrogación.

Ejemplo de Estructura de la Función:

function analizarTexto(texto) {
  // Implementación
  return {
    totalPalabras: 0,
    frecuenciaPalabras: {},
    totalOraciones: 0
  };
}

Datos de Entrada de Ejemplo:

const textoEjemplo = "¡Hola, mundo! ¿Estás listo para aprender? Aprender es crecer. Crecer es vivir.";

RESULTADO

function analizarTexto(texto) {
  // Remover signos de puntuación y dividir el texto en palabras
  const palabras = texto.toLowerCase().match(/\b\w+\b/g);

  // Contar las palabras
  const totalPalabras = palabras.length;

  // Calcular la frecuencia de cada palabra
  const frecuenciaPalabras = palabras.reduce((contador, palabra) => {
    contador[palabra] = (contador[palabra] || 0) + 1;
    return contador;
  }, {});

  // Contar las oraciones
  const totalOraciones = (texto.match(/[.!?]/g) || []).length;

  return {
    totalPalabras,
    frecuenciaPalabras,
    totalOraciones
  };
}

// Ejemplo de uso
const textoEjemplo = "¡Hola, mundo! ¿Estás listo para aprender? Aprender es crecer. Crecer es vivir.";
const resultado = analizarTexto(textoEjemplo);
console.log(resultado);

¡Hasta mañana! 🤟