CodeRoll | Web & Design

2022-05-07 13:00:52 Strapi - это бесплатный фреймворк для управления контентом, работающий на Node.js.

CMS можно настраивать и масштабировать с помощью системы плагинов. Здесь предусмотрено множество встроенных возможностей: удобная административная панель, управление аутентификацией и доступами, инструменты для работы с контентом, генератор API и прочее.

Она также поддерживает передачу данных посредством и REST, и GraphQL.

Ссылка на на официальный сайт

#nodejs Открыть/Комментировать

2022-05-06 13:01:40 useCallback - React хук, который принимает в качестве аргументов: callback и массив зависимостей, а возвращает уже мемоизированный callback, который будет обновлен, только если одна из зависимостей будет изменена.

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

Статья на тему, как правильно его использовать. 

Ссылка на статью

#react Открыть/Комментировать

2022-05-05 13:00:48 matter.js - это 2D физический движок для веба. Он помогает симулировать различные физические явления в браузере: столкновение, падение объектов и многое другое. Лучше один раз глянуть демо, чтобы понять его предназначение.

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

Ссылка на официальный сайт

#инструменты Открыть/Комментировать

2022-05-04 13:00:45 Оптимизация скриптов

Чем компактнее и легче ваш код, тем быстрее он будет работать.

Оптимизация JavaScript — это обязательный шаг в оптимизации, если вы хотите обеспечить быструю работу сайта. 

Медленная работа приводит к плохому UX(user experience), из-за чего пользователь уходит. По словам Google, если вы хотите, чтобы пользователь оставался на вашем сайте дольше, ваша страница должна загружаться менее чем за 3 секунды. Если время загрузки вашей страницы увеличивается с 1 секунды до 3 секунд, вероятность ухода пользователя составляет 32%.

Статья содержит советы, как оптимизировать скрипты.

Ссылка на статью

#js Открыть/Комментировать

2022-05-03 13:00:32 fetchpriopity - HTML атрибут, который позволяет определить приоритет загрузки различных ресурсов. Его можно использовать с тэгами link, img, script и iframe. 

Данный атрибут помогает улучшить производительность сайта, а в частности показатель LCP(Largest Contenful Paint). Основным содержимым для LCP обычно является самый крупный элемент. Этим элементом может быть изображение, видео или просто большой блок текста. И как долго загружается этот контент, влияет на LCP.

Подробно об атрибуте fetchpriopity и как его использовать для оптимизации читайте в статье.

Ссылка на статью

#html Открыть/Комментировать

2022-05-02 13:00:31 ООП

До сих пор не понимаете ООП(Объектно-ориентированное программирование)?

Данная статья общий обзор ООП. В ней очень доступным языком объясняются основы: объекты, классы, экземпляры и методы, а так же такие понятия, как: инкапсуляция, абстракция, наследование и полиморфизм.

Статья сопровождается мемами на тему объектно-ориентированного программирования, что делает чтение интереснее.

Ссылка на статью

#статьи Открыть/Комментировать

2022-05-01 13:00:29 Loaders

Библиотека лоадеров и спиннеров, которую вы можете подключить через npm и импортировать нужный вариант в React проект.

Или выбрать понравившийся вариант на сайте и скопировать готовый HTML и CSS код.

Ссылка на сайт

#дизайн Открыть/Комментировать

2022-04-30 13:00:29 Экспорт JSON в Excel

Экспорт JSON в файл Excel может понадобиться для резервного копирования важных данных или их перемещения между двумя разными версиями программ.

Node.js имеет несколько вариантов пакетов для экспорта JSON в формат Excel. Среди них: ExcelJS, Excel-Export, Export-to-Excel и Node-Excel-Export.

Однако, по мнению автора статьи наиболее надежным и распространенным в сообществе Node.js является XLSX.

Из статьи вы узнаете, как с помощью данного пакета легко и просто экспортировать данные.

Ссылка на статью

#nodejs Открыть/Комментировать

2022-04-29 13:00:47 React змейка

Создание игры - очень хороший вариант для практики!

Сегодня делимся обучающей статьей по созданию игры "Змейка". В разработке используется: React, Redux, Redux Saga.

Такой проект смело можно добавить в портфолио!

Ссылка на статью

#react Открыть/Комментировать

2022-04-28 13:01:08 Array Explorer - полезное приложение для обзора методов массива.

Выбираете в настройках, что хотите сделать с массивом (варианты написаны человеческим языком), а приложение выводит код. 

Интересный способ для изучения!

Ссылка на ресурс

#инструменты Открыть/Комментировать