Задача: отфильтровать целые числа

Необходимо создать функцию, которая принимает на вход массив с данными и возвращает отфильтрованный массив только с целыми числами.

[1, 2, 3, 'abc', 4] => [1, 2, 3, 4]

Открыть песочницу с тестами

#javascript #задача #junior

🇬🇧 Видео-плеер на React

Хорошая статья для начинающих. Хуки, компоненты, управление состоянием видео.

Читать статью

#react #javascript #junior

Решение задачи

const filterIntegers = list => {
return list.filter(el => Number.isInteger(el))
}

Самый простой способ - воспользоваться встроенной функцией filter, которая создает новый массив, куда войдут только те элементы исходного массива для которых вызов колбэка вернет true. В нашем случае колбэк — это Number.isInteger(el).

Number.isInteger() — встроенный метод объекта Number для проверки данных на целочисленное значение. Вернет true, если аргументом передать целое число, и false во всех остальных случаях.

#javascript #решение #junior

🇬🇧 Генеративный арт

Несколько простых туториалов — как с помощью js и простой тригонометрии создавать генеративный арт, который в последнее время набирает все большую популярность.

Ну не только же джейсоны по сети гонять.

Открыть туториалы

#javascript #middle

smartcrop.js

Крутая библиотека, которая сама умеет определять — как лучше кропнуть фотографию.

Посмотреть демо и установить

#javascript #github #npm #библиотека

И снова красота

Кажется, Бруно Саймон придумал беспроигрышную стратегию для своих курсов — показать товар лицом.

Открыть сайт

#javascript #threejs #инспирейшен

React Context

Если вы вдруг устали от Редакса или от бесконечных пропсов в пропсах в пропсах — попробуйте контекст.

👉 Читать статью

#javascript #react #junior

Получить уникальные значения массива

Если вы еще не пользуетесь чудесными структурами данных Set и Map, то сейчас самое время начать.

У Set есть одно замечательное свойство — в коллекции можно хранить только уникальные значения. Именно это позволяет нехитрым трюком избавиться от всех дубликатов исходного массива.

#javascript #trick

Чистый код

Сегодня пятница, а значит у нас легкое чтиво с простыми советами для поддержания чистоты вашего кода.

Такие штуки полезно читать время от времени.

👉 Читать статью

#javascript

Build your own X

В рубрике "рекомендации" у нас сегодня потрясающий репозиторий с идеями проектов и, внимание, их реализацией на разных языках в виде туториалов. 3Д-рендер? Физический движок? База данных? Подержите моё пиво!

👉 Открыть репозиторий

#рекомендации #javascript #github

Кукуруза.js

Американцы и кукуруза — это уже давно мем, но ни один другой злак, фрукт или овощ не могут похвастаться таким лендосом.

👉 Перейти на сайт

#threejs #javascript #инспирейшен

🇬🇧 Диаграмма Вороного в создании случайных паттернов

Когда природа, код и дизайн встречаются вместе.

👉 Читать статью

#javascript #middle

Framer Motion

Потрясная библиотека для создания сложных анимаций в Реакте.

👉 Перейти на сайт

#react #javascript #github

🇬🇧 300+ вопросов на собеседовании по React

За такие заголовки для журналистов есть отдельный котёл, но тут и правда цифра внушительная.

Отличный ресурс, чтобы использовать как методичку перед собеседованием.

👉 Открыть статью

#react #javascript #junior

🇬🇧 Hooya pichot

Человек тут разразился гневным басом в сторону бездумного использования модных конструкций в JS. Весело и полезно почитать, на самом деле.

👉 Читать статью

#javascript

Into the Storm

Интерактивная история о крушении легкомоторного самолета. Затянуто, конечно, и способ взаимодействия через скролл — так себе идея, но сам принцип сторителлинга очень занятный.

👉 Перейти на сайт

#инспирейшен #javascript #threejs

🇬🇧 Пишем игру 2048 на Реакт

Имплементация популярной игры 2048 на Реакте.

👉 Читать статью

#react #javascript

Sum, min и max в массиве

Как найти сумму элементов в массиве и наименьший и наибольший элементы одной строчкой.

#javascript #trick #junior

Изи дата

В статье описаны базовые принципы по работе с day.js — легковесной библиотекой для работы с датами. Самое время заменить свой moment.js на что-то более мейнтируемое.

👉 Читать статью

#javascript

🇬🇧 Учимся записывать аудио с помощью JS

👉 Читать статью

#javascript #audio