Animista

Коллекция анимаций CSS с готовыми пресетами и возможностью настройки. Поможет в добавлении анимаций без написания сложного CSS.

👀 Попробовать

Coderoll | Frontend

👩‍💻👩‍💻 Как выглядит алгоритм гномьей сортировки на JavaScript?

Алгоритм находит первое место, где два соседних элемента стоят в неправильном порядке и меняет их местами

const gnomeSort = (arr: number[]): number[] => {
  if (arr.length <= 1) {
    return arr
  }

  let i: number = 1

  while (i < arr.length) {
    if (arr[i - 1] <= arr[i]) {
      i++ //increment index if sub-array[0:i] already sorted
    } else {
      ;[arr[i], arr[i - 1]] = [arr[i - 1], arr[i]] //swapping two numbers
      i = Math.max(1, i - 1) //go back to the previous index to check the swapped number
    }
  }
  return arr
}

Coderoll | Frontend

❓ Что такое for...of?

Ответ:
for...of — это цикл, который итерируется по итерируемым объектам (массивы, строки, генераторы и т.д.), возвращая значения элементов.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Feature-Sliced Design (FSD) — архитектура, в которую ты однажды влюбишься

Чем больше становится проект, тем сильнее тонет в файлах. Когда папка components имеет 1000+ файлов, а utils — страшнее node_modules, на помощь приходит FSD.

🔥 Зачем это нужно?
✅ Разделяет бизнес-логику и UI
✅ Улучшает масштабируемость
✅ Команды работают независимо
✅ Проект не рассыпается через год

👀 Читать

Coderoll | Frontend