✌️ Top Front-End Tools Of 2023

Who doesn’t love a good front-end tool? In this roundup, you’ll find useful front-end tools that were popular last year and will help you speed up your development workflow. Let’s dive in!

Louis

❓ CHALLENGE

function getArr() {
  return Array.from(arguments);
}

const result = getArr(...[1, 2, 3]);

console.log(result);

➡️ Survay from Eindhoven University

Mentorship is a process in which a more experienced or more knowledgeable person (a mentor) helps to guide a less experienced or less knowledgeable person (a mentee). Relatively little is known about the practice of mentorship within software development contexts. For that reason, we would like to ask you a few questions about what mentorship means to you and what matters most in mentoring relationships.


The survey is expected to take 10-15 minutes to complete. Only the researchers involved in this study will see your responses. Your participation in this study is voluntary. You also do not have to answer any question that makes you uncomfortable. Participants must be 18+. For questions or comments about the survey, please reach out to Dr. Reed Milewicz ([email protected]) or Dr. Alexander Serebrenik ([email protected]). Clicking submit indicates that you consent to the use of your survey response data in our study.

For every survey completed, we pledge to donate $1 USD to an open-source 501(c)(3) non-profit organization of your choice.

Link to the survey: https://snl-survey.sandia.gov/surveys/Telegram-Javascript-Mentorship-Survey

✌️ 😂

❓ CHALLENGE

function* fibonacci() {
  let a = 0, b = 1;
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}

const fibSequence = Array.from({ length: 5 }, () => fibonacci().next().value);

console.log(fibSequence);

⛽️ npm in Review: A Retrospective in Numbers

From Socket comes a look at the past year from the perspective of the npm registry, focused largely on statistics (2.5 million live packages!), including download numbers, popular packages, as well as some ‘quirky facts’ like the package with the most maintainers (554, if you're wondering.)

PHILIPP BURCKHARDT (SOCKET)

❓ CHALLENGE

const matrix = [
  [2, 4],
  [6, 8],
];

const result = matrix.reduceRight((acc, row) => acc.concat(row.map(num => num * 2)), []);

console.log(result);

🌲 Tinybench: A Tiny, Simple Benchmarking Library

No dependencies, but uses whatever precise timing capabilities are available (e.g. process.hrtime or `peformance.now`). You can then benchmark whatever functions you want, specify how long or how many times to benchmark for, and get a variety of stats in return.

TINYLIBS

❓ CHALLENGE

async function asyncArrayOperations() {
  const array1 = [1, 2, 3];
  const array2 = [4, 5, 6];

  const result = await Promise.all([array1, array2].map(async arr => {
    return await arr.reduce(async (acc, num) => {
      return (await acc) + num;
    }, Promise.resolve(0));
  }));

  console.log(result);
}

asyncArrayOperations();

🌕 ✌️ I built my own Google (sort of...) with Text Transformers and Qdrant Vector Database

Building content search functionality for Next.js project almost always requires deep understanding of how the text similarity search works. Nowadays we have text transformer AI Models from HuggingFace and Vector Databases that easily could be integrated to Next.js giving the powerful similarity search functionality with a blasting speed! This video below explains this in detail.

Tigran Tech

❓ CHALLENGE

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];

async function asyncSumOfEvenNumbers(matrix) {
  const result = await matrix.flat().filter(async num => {
    return await Promise.resolve(num % 2 === 0);
  });

  return result.reduce((acc, num) => acc + num, 0);
}

asyncSumOfEvenNumbers(matrix).then(result => console.log(result));

Why JavaScript is so hard 😂